
502
15장 웹 브라우저의 자바스크립트
소의 부모, 자식, 형제를 참조하는 Element 객체의 프로퍼티일 뿐입니다.
parentNode
요소의 부모를 참조합니다. 부모 역시 또 다른 Element 객체이거나 Document
객체입니다.
children
이 노드리스트는 요소의 자식인 요소를 포함하지만, 요소가 아닌 자식인 Text 노
드와 Comment 노드는 제외합니다.
childElementCount
자식 요소 개수입니다.
children.length
와 같은 값을 반환합니다.
firstElementChild
,
lastElementChild
요소의 자식 중 첫 번째와 마지막을 각각 참조합니다. 자식인 요소가 없다면
null
입니다.
nextElementSibling
,
previousElementSibling
요소의 바로 앞이나 바로 다음에 있는 형제 요소를 참조하며 그런 형제가 없다
면
null
입니다.
이들 프로퍼티를 활용해 문서의 첫 번째 자식 요소의 두 번째 자식 요소를 다음과
같이 찾을 수 있습니다.
document.children[0].children[1]
document.firstElementChild.firstElementChild.nextElementSibling
(표준 HTML 문서에서 두 표현식은 모두
<body>
요소를 참조합니다.)
다음 ...