Childnodes (W3C Dom Core Property)

예제

위의 예에서, kids

var kids = node.childNodes;

는 노드 의 모든 직접 어린이 노드의 모음이 될 것입니다. 노드 에 자식 노드가 없으면 kids 는 빈 컬렉션이됩니다 (길이가 0 인). 반환 된 컬렉션은 live 이며, 이는 그것을 나타내는 HTML의 변경이 다시 검색하지 않고도 컬렉션에 즉시 반영됨을 의미합니다. 그래서 우리가 노드 가 실제로 html ul 요소라고 말하면 다음과 같이 말합니다.

각 Li 요소는 UL의 자식 노드이며, Childnodes 컬렉션에 포함되어 있으며 0 ~ 2의 번호가 매겨집니다. EM 요소는 해당 컬렉션에 있지 않습니다. 목록 (그들은 자녀가 아닌 자손 )입니다. 참고 :이 예제는 공백을 고려하지 않습니다 실제로이 예제는 이상화되었으며 일부 브라우저에서는 실제로 Childnodes 컬렉션에 추가 노드가있을 수 있습니다. 일부 브라우저는 중간 공백을 텍스트 노드로 계산하므로 사이의 각 부분 whitespace가 텍스트 노드로 간주하기 때문입니다. 이 동작에 대한 자세한 내용은 DOM Core. 를 참조하십시오

설명 Childnodes Collection 은이 노드의 모든 직접 어린이 노드의 주문 목록입니다. 하위 노드가 없으면이 컬렉션은 비어 있습니다 (길이는 0입니다). Childnodes Collection은 Nodelist로, 항목이 수치 적으로 색인되어 소스 순서로 나타납니다. 모든 노드 목록과 마찬가지로, Childnodes는 라이브 컬렉션입니다. 즉, 그것이 나타내는 컬렉션의 변경 사항은 정적 스냅 샷과는 달리 노드 목록에 즉시 반영됨을 의미합니다. 요소의 속성은 자식 노드로 간주되지 않으므로 Childnodes Collection2에 나타나지 않습니다. 이 컬렉션은 읽습니다. 컬렉션은 배열이 아닙니다 컬렉션은 배열처럼 보이지만 배열은 아닙니다. 배열을 반복하고 멤버를 배열처럼 언급 할 수는 있지만 푸시 또는 팝과 같은 배열 메소드를 사용할 수는 없습니다. . Childnodes W3C DOM Core 속성에 대한 자주 묻는 질문 (FAQ) childnodes w3c dom core 속성이란 무엇입니까?

childnodes w3c dom core 속성은 지정된 노드의 모든 자식 노드를 포함하는 노드 객체를 반환하는 자바 스크립트의 속성입니다. Nodelist 객체는 노드 모음을 나타냅니다. 노드리스트의 노드는 소스 코드에 나타나는대로 정렬되며 0부터 시작하는 인덱스 번호로 액세스 할 수 있습니다. javaScript의 어린이와 어린이와 어떻게 다릅니 까?

어린이와 어린이는 특정 노드의 어린이 노드에 액세스하는 데 사용되는 반면 주요 차이가 있습니다. Childnodes는 텍스트 및 댓글 노드를 포함한 모든 자식 노드를 포함하는 노드리스트를 반환하는 반면 어린이는 요소 노드 만 반환합니다. 이것은 어린이보다 어린이보다 더 많은 노드를 반환 할 수 있음을 의미합니다.

childnodes를 사용하여 특정 하위 노드에 액세스 할 수있는 방법은 무엇입니까?

인덱스 번호를 사용하여 특정 하위 노드에 액세스 할 수 있습니다. 예를 들어, 요소의 첫 번째 자식 노드에 액세스하려면 요소를 사용할 수 있습니다. childnodes [0]. 인덱스 숫자는 0에서 시작하여 첫 번째 하위 노드는 색인 0, 두 번째는 인덱스 1 등에 있습니다.

html 컬렉션에서 자식 노드에 액세스하기 위해 childnodes를 사용 할 수 있습니까?

. 예, HTML 컬렉션에서 어린이 노드를 사용하여 자식 노드에 액세스 할 수 있습니다. HTML 컬렉션은 끄덕임 유형이며, HTML 컬렉션의 노드를 포함하여 모든 노드의 하위 노드에 액세스하는 데 어린이 노드를 사용하는 데 사용될 수 있습니다.

어린이가없는 노드에서 어린이를 사용하면 어떻게됩니까? 🎜>

아이가없는 노드에서 어린이를 사용하면 빈 노드리스트를 반환합니다. 이것은 노드리스트의 길이 속성이 0이 될 것이며, 인덱스별로 하위 노드에 액세스하려고 시도하는 것은 정의되지 않은 반환됩니다.

childnodes를 사용하여 노드의 하위 노드를 수정할 수 있습니까?

. Childnodes를 사용하여 자식 노드를 직접 수정할 수는 없지만이를 사용하여 자식 노드에 액세스 한 다음 다른 DOM 메소드를 사용하여 수정할 수 있습니다. 예를 들어, childnodes를 사용하여 자식 노드에 대한 참조를 얻은 다음 NoDevalue 속성을 사용하여 내용을 변경할 수 있습니다.

모든 브라우저에서 childnodes가 지원됩니까?

예, Childnodes IS입니다. W3C DOM 표준의 일부이며 Chrome, Firefox, Safari 및 Edge를 포함한 모든 최신 브라우저에서 지원됩니다. 그러나 구형 브라우저 또는 비표준 준수 브라우저에서는 지원되지 않을 수 있습니다.

XML 문서에서 어린이 노드에 액세스하기 위해 어린이 노드를 사용 할 수 있습니까? XML 문서의 노드. Childnodes를 포함하는 W3C DOM 표준은 HTML 및 XML 문서와 함께 작동하도록 설계되었습니다.

HTML 문서에서 whitespace를 어떻게 처리합니까?

html 문서에서는 요소 간의 whitespace가 처리됩니다. 텍스트 노드로. 이는 Childnodes가 요소의 하위 노드를 반환 할 때 이러한 공백 텍스트 노드를 포함 함을 의미합니다. 공백을 무시하려면 대신 어린이 속성을 사용할 수 있습니다.

텍스트 노드의 자식 노드에 액세스하기 위해 childnodes를 사용하여 텍스트 노드에는 자식 노드가 없습니다. , 따라서 텍스트 노드에서 childnodes를 사용하면 빈 노드리스트가 반환됩니다. 텍스트 노드의 내용에 액세스하려면 Nodevalue 속성을 사용할 수 있습니다.

위 내용은 Childnodes (W3C Dom Core Property)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!