🪄Node 탐색하기
👉 DOM은 node의 계층 구조로 이뤄져 있다.
따라서 node에는 element,text,comment등 여러 항목들이 포함되어 있다는 것에 주의해야한다.
👉parentNode : 부모노드리턴
👉childNodes : 자식 노드 목록을 NodeList형태로 리턴합니다.
👉firstChild : 자식 노드 중,첫번째 자식 노드 리턴
👉lastChild : 자식 노드 중, 마지막 자식 노드를 리턴합니다.
👉previousSibling : 같은 레벨의 노드 중, 이전 노드를 리턴합니다.
👉nextSibling : 같은 레벨의 노드 중, 다음 노드를 리턴합니다.
🪄Element 탐색하기
👉parentElement : 부모 요소(element)를 리턴합니다.
👉children : 자식 요소(element) 목록을, 'HTMLCollection' 형태로 리턴합니다.
👉firstElementChild : 자식 요소(element) 중, 첫번째 요소를 리턴합니다.
👉lastElementChild : 자식 요소(element) 중, 마지막 요소를 리턴합니다.
👉previousElementSibling : 같은 레벨의 요소(element) 중, 이전 요소를 리턴합니다.
👉nextElementSibling : 같은 레벨의 요소(element) 중, 다음 요소를 리턴합니다.
🪄출처
출처: https://hianna.tistory.com/712 [어제 오늘 내일:티스토리]
