DOM

settings_applicationsEventTarget  >   settings_applicationsNode  >   settings_applications[[Prototype]]

DOM

Editing
  • account_tree
  • bug_report

NodeList,iterablechildNodes

표준은 아니지만 웹개발자를 위하여 거의 표준처럼 사용된다.

현재 노드의 자식 노드 집합체 NodeList를 라이브(live)로 참조한다.

설명

노드(node)는 위치에 따라 요소(element), 텍스트(공백 포함) 및 주석이 포함될 수 있다. 텍스트의 경우는 웹브라우저가 소스 코드를 파싱할 때 실제 소스 코드에 포함된 공백 또는 개행을 인식하여 DOM 트리에 포함한다. 이러한 이유로 개발자가 인지하지 못한 텍스트 노드(#text)가 childNodes 항목에 존재할 수 있으므로 주의할 필요가 있다.

childNodes에 포함되는 항목들은 객체이다. 예를 들어서 노드의 이름이 #text인 노드는 원시 문자열이 아닌 Text 인터페이스를 나타낸다. 실제로 값을 확인하고자 할 때는 nodeValue 프로퍼티를 사용한다. 그러나 활용도는 높지 않다. 반복되는 자식 노드중에서 요소와 요소내 텍스트 콘텐츠의 내용을 얻고자 할 때는 Element.prototype.children을 사용하는 것이 더 효과적이다.

childNodes의 값 유형은 NodeList이다. NodeList는 라이브(live)로 참조된다. 따라서 Node.prototype.childNodes에 포함된 어느 한 대상을 수정하면 즉시 반영된다. 또한 이터러블 프로토콜(iterable protocol)을 준수한다.

구문

형식
node.childNodes

속성 명세

명세
분류설명
writableno

버전 명세

지원 웹브라우저