240805 DOM 트리

신한별·2024년 8월 6일

💪 매일 기록

목록 보기
36/97

1. 자식 요소 노드 선택

const myTag = document.querySelector('#content');

myTag.children; // 자식 요소 모음 
myTag.children[i]; // n번째 자식 요소 
myTag.firstElementChild; // 첫번째 자식 요소 하나
myTag.lastElementChild; // 마지막 자식 요소 하나 

2. 부모 요소 노드 선택

myTag.parentElement; 

3. 형제 요소 노드 선택

myTag.previousElementSibling; // 이전(previous) 혹은 좌측(left)에 있는 요소 하나
myTag.nextElementSibling; // 다음(next) 혹은 우측(right)에 있는 요소 하나

0개의 댓글