- Django Rest Framework
Front JS CRUD
[index.html]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS CRUD</title>
</head>
<body>
<h1> JS CRUD </h1>
<h1> JS CRUD 2 </h1>
<h1> JS CRUD 3 </h1>
id는 class처럼 여러 element에 적용될 수 없음
<ul id="my_list">
<li class="list_item"> 첫 내용 </li>
<li class="list_item"> 둘 내용 </li>
<li class="list_item"> 셋 내용 </li>
</ul>
<script src="index.js"></script>
</body>
</html>
[index.js]
console.log("index 로딩 완료")
// DOM
//변수 : const , var, let
// 1. html에서의 js 위치 + 태그 불러오기
const mainHeader = document.querySelector('h1') // 똑같은 태그가 여러개 있다면 최상단 태드만 불러옴
const mainHeaders = document.querySelectorAll('h1') // 똑같은 태그가 여러개 있다면 모두 불러옴
console.log(mainHeader)
console.log(mainHeaders)
// 2.
console.log(window.document)
// 3. 우리가 주로 쓸건 태그를 가져오는게 아니라 태그안 class name이다.
const myList = document.getElementById('my_list')
const listItem = document.getElementsByClassName('list_item') // element+s (여러개 선택이 가능하기 떄문에)
console.log(myList)
console.log(listItem)'woncoding > TIL' 카테고리의 다른 글
| TIL | 11.11.금 [DRF ↔️ JS CRUD ] (0) | 2022.11.14 |
|---|---|
| TIL | 11.10.목 [Algorithm] (1) | 2022.11.10 |
| TIL | 11.8.화 [Django : DRF] (0) | 2022.11.09 |
| TIL | 11.7.월 [Django : DRF] (0) | 2022.11.09 |
| TIL | 11.4.금 [Django : DRF] (0) | 2022.11.08 |