어제 오늘 내일

지난번에는 node와 element의 차이에 대해서 정리해보았습니다. 이번에는 dom에서 부모, 자식, 형제 노드(node)와 요소(element)를 탐색하는 방법을 정리해 보도록 하겠습니다. node 탐색 부모(parent) 노드 자식(child) 노드 형제(sibling) 노드 element 탐색 부모(parent) 요소 자식(child) 요소 형제(sibling) 요소 1. node(노드) 탐색하기 dom은 node의 계층 구조로 이루어져 있습니다. 따라서, node에는 element, text, comment 등 여러 항목이 포함되어 있다는 것에 주의하세요. node의 부모, 형제, 자식은 아래 표와 같은 속성을 통해 접근할 수 있습니다. 부모(parent) 노드 탐색 parentNode : 부모..

DOM 노드의 타입을 체크하기 위해서는 nodeType 프로퍼티를 사용합니다. nodeType 프로퍼티 var type = node.nodeType; nodeType은 node의 type을 상수로 리턴합니다. 리턴 상수 타입 예제 1 element , 3 text Hello 4 CDATASection 7 ProcessingInstruction 8 Comment 9 Document document 10 DocumentType 11 DocumentFragment 예제 안녕하세요? let elem = document.getElementById('sample'); const docuType = document.nodeType; const divType = elem.nodeType; const textType =..