DOM(문서객체모델) 탐색
자식, 부모 노드 탐색 javascript에서는 자식이나 부모 노드를 탐색하는 프로퍼티를 제공한다.childNodes- 자식노드를 탐색. NodeList객체를 결과로 반환 - 요소노드, 텍스트노드 둘다 탐색firstChild- 첫번째 자식을 탐색- 요소노드, 텍스트노드 둘다 탐색 lastChild- 마지막 자식을 탐색- 요소노드, 텍스트노드 둘다 탐색children- 자식노드를 탐색. HTMLCollection객체를 결과로 반환- 요소노드만 탐색firstElementChild- 첫번째 자식 요소노드 반환lastElementChild- 마지막 자식 요소노드 반환parentNode- 자기 바로 위의 부모 요소노드를 탐색. childNodes 결과 : 0:text, 1:ul, 2:text, 3:div, ..
DOM(문서 객체 모델) 관련 정리
노드에 대하여.. Document Object Model(문서객체모델)은 HTML페이지에서 문서의 구조를 나타내며 이를 조작 및 제어할 수 있는 방법을 제시한다. 일반적인 HTML태그이며, DOM에서는 이것을 노드라고 한다.노드에는 다음 4개가 있다. document - 최상위(root) 노드. - 최상위 이기 때문에 아래 3가지 요소,속성,텍스트 노드에 접근하기 위해서는 document노드를 통하여야 한다. div, ul, li - 요소 노드. - 부모 노드와 자식노드를 가질 수 있다. first, second - 애트리뷰트(속성) 노드.- 부모노드를 가질 수 없다.- 이 노드에 접근하려면 해당 노드의 요소노드에 접근 필요 javascript, React.js, Vue.js..