childNodes, firstChild, lastChild, nextSibling, previousSibling, parentNode
이러한 접근방법들은 노드의 종류에 구분없이 노드를 탐색하는 방법들이다.
그러나 실무에서는 태그에 상응하는 노드 즉 요소노드에 접근하는 경우가 대부분이다.
자바스크립트는 요소노드를 위해 별도의 접근방법을 제공한다.
firstElementChild : 첫번째 자식 요소노드
lastElementChild : 마지막 자식 요소노드
children : 자식노드 중 요소노드의 컬렉션
previousElementSibling, nextElementSibling, parentElement
alert( document.documentElement.parentNode ); // document
alert( document.documentElement.parentElement ); // null
while(elem = elem.parentElement) { // <html>까지 거슬러 올라갑니다.
alert( elem );
}document노드는 요소노드가 아니기때문에 위와 같이 활용할 수 있다.
for (let elem of document.body.children) {
alert(elem); // DIV, UL, DIV, SCRIPT
}children은 요소노드컬렉션이므로 위와 같이 활용할 수 있다.
