DOM을 JavaScript로 조작하여 HTML Element를 추가하거나 삭제, 혹은 내용을 변경
- createElement - CREATE
- querySelector, querySelectorAll - READ
- textContent, id, classList, setAttribute - UPDATE
- remove, removeChild, innerHTML = "" , textContent = "" - DELETE
- appendChild - APPEND
- innerHTML과 textContent의 차이
DOM의 더 깊은 내용에 대해서 이해할 수 있다.
- createDocumentFragment를 활용하여, 더 효율적으로 DOM을 제어할 수 있다.
- HTML5 template tag 사용법을 이해할 수 있다.
- element와 node의 차이를 이해할 수 있다.
- children과 childNodes의 차이를 이해할 수 있다.
- remove와 removeChild의 차이를 이해할 수 있다.
- 같은 엘리먼트를 appendChild 하면, 기존 엘리먼트를 복사할까?
- 좌표 정보 조회를 할 수 있다. - offsetTop...
- 크기 정보 조회를 할 수 있다. - offsetWidth...
'Javascript' 카테고리의 다른 글
| callback함수를 적용해보기! (0) | 2021.10.20 |
|---|---|
| JS function 코딩하면서 이해하기 (0) | 2021.10.20 |
| 자바스크립트 동작원리 with callback function (0) | 2021.10.19 |
| 더미데이터 버튼 클릭시 보여주기 위한 onclick=button() 만들기 (0) | 2021.10.02 |
| 함수로 tag 여러 태그 만들고 데이터 값 넣기 (0) | 2021.09.29 |
