Nodes vs Elements
nodes
DOM API상에 존재하는 모든 것들. 그것들을 모두 포괄하는 이름이 node이다.
elements
one specific type of node. 예를 들어 div, body, window 같은 특정한 타입.
모든 element는 HTMLElement의 자식이다. 따라서, HTMLElement의 property를 똑같이 가지고 있다. 동시에, element의 성격에 따라서 자신만의 property를 가지고 있다.
NodeList: general lists of nodes
HTML Collection: 오직 element만을 담을 수 있다.
* DOM API (Document Object Model 문서 개체 모델 Application Programming Interface)
NodeList나 HTMLCollection이나 둘 다 읽기 전용의 유사 배열 객체이다.
length 속성이 있고 숫자 인덱싱을 할 수 있다.
특징 중 가장 놀라운 점은 변화하는 문서의 실시간 상태가 반영된다는 것이다.
따라서 그 안에 담긴 요소 리스트는 문서가 변하면 달라질 수 있다.
출처 : humahumahuma.tistory.com/123
element, node 차이. Collection, NodeList 차이
참고자료: https://teamtreehouse.com/community/understanding-the-difference-between-an-htmlcollection-and-a-nodelist https://webclub.tistory.com/341 https://iamawebdeveloper.tistory.com/50 nodes: D..
humahumahuma.tistory.com
someNode.classList.contains(className)
내가 찾고싶은 클래스명이 특정 엘리먼트의 클래스 리스트에 존재하는지 찾을 때 사용
Node.parentElement
각 노드는 단 하나의 부모만을 가지므로 그 부모에 접근할 때 사용한다.
'HTML CSS' 카테고리의 다른 글
| HTTP's methods XHR vs fetch (0) | 2020.11.14 |
|---|---|
| .appendChild()가 DOM 노드를 "이동"시키는 이유 (0) | 2020.10.09 |
| TIL 0924 날짜 2자리로 노드리스트reverse localStorage moment.js (0) | 2020.09.24 |
| TIL 0923 요소 숨기기, 보이기 스타일 추가 정규표현식 버블링 vs 캡쳐링 onclick() vs addEventListener (0) | 2020.09.23 |
| TIL 0922 CSS 가운데정렬 display DOM (0) | 2020.09.22 |
댓글