チャイルドノード（W3C DOMコアプロパティ）

例

var kids = node.childNodes;

上記の例では、Kids nodeに子供のノードがない場合、子供は空のコレクション（長さがゼロ）になります。返されたコレクションはliveです。つまり、それが表すHTMLの変更は、再び取得することなく、すぐにコレクションに反映されることを意味します。 したがって、私たちが言う場合、node

は実際にはhtml ul要素です。

これらのLI要素はそれぞれ、ULの子ノードであり、その子育てコレクションに含まれます。リスト（それらは子供ではなく

です）。

<ul>
  <li>Mostly set in 1955 <em>(Part 1)</em></li>
  <li>Mostly set in 2015 <em>(Part 2)</em></li>
  <li>Mostly set in 1885 <em>(Part 3)</em></li>
</ul>

注：この例では、ホワイトスペースは考慮されていません

この例は理想化されており、一部のブラウザには、実際にはChildNodesコレクションに追加のノードがある場合があります。これは、一部のブラウザが中間の白文学をテキストノードとしてカウントし、したがって、構造ノードの間のホワイトスペースの各ピースをテキストノードであると考えるためです。 この動作の詳細については、dom Coreを参照してください。

説明

ChildNodesコレクションは、このノードのすべての直接の子ノードの順序付けられたリストです。子ノードがない場合、このコレクションは空です（長さはゼロです）。 ChildNodesコレクションはノデリストであり、アイテムは数値的にインデックス化され、ソースの順序で表示されます。 すべてのノードリストと同様に、チャイルドノードはライブコレクションです。つまり、それが表すコレクションの変更は、ノードリストに直ちに反映されます（静的スナップショットであるのではなく）。 要素の属性は子ノードとは見なされないため、ChildNodes collection2に表示されません2 このコレクションは読み取られています。 コレクションは配列ではありません

コレクションは配列のように見えますが、それは配列ではありません。それを繰り返して、そのメンバーを配列のように参照することはできますが、プッシュやポップなどの配列メソッドを使用することはできません。

子どもに関するよくある質問（FAQ）

ChildNodes W3C Dom Coreプロパティは何ですか？ChildNodes W3C DOM Coreプロパティは、指定されたノードのすべての子ノードをノデリストオブジェクトとして含むノデリストオブジェクトを返すJavaScriptのプロパティです。 NodeListオブジェクトは、ノードのコレクションを表します。ノデリストのノードは、ソースコードに表示されるときにソートされ、0からのインデックス番号でアクセスできます。

子どもたちはjavascriptの子供とどのように異なりますか？

子供と子供の両方が特定のノードの子ノードにアクセスするために使用されますが、重要な違いがあります。 ChildNodesは、テキストやコメントノードを含むすべての子ノードを含むノデリストを返しますが、子供は要素ノードのみを返します。これは、子育てが子供よりも多くのノードを返すことができることを意味します。

子育てを使用して特定の子ノードにアクセスするにはどうすればよいですか？たとえば、要素の最初の子ノードにアクセスする場合は、element.childnodes [0]を使用できます。インデックス番号は0から始まるので、最初の子ノードはインデックス0、インデックス1の2番目などです。

はい、子育てを使用してHTMLコレクションの子ノードにアクセスできます。 HTMLコレクションはノデリストの一種であり、子育てを使用して、HTMLコレクションのノードを含む任意のノードの子ノードにアクセスできます。 🎜>

子供のいないノードでチャイルドノードを使用すると、空のノデリストが返されます。これは、ノデリストの長さプロパティが0になり、インデックスごとに子ノードにアクセスしようとすると、未定義になります。チャイルドノードを使用して子ノードを直接変更することはできませんが、それを使用して子ノードにアクセスし、他のDOMメソッドを使用してそれらを変更できます。たとえば、チャイルドノードを使用して子ノードへの参照を取得し、Nodevalueプロパティを使用してコンテンツを変更できます。 W3C DOM標準の一部であり、Chrome、Firefox、Safari、Edgeなど、すべての最新のブラウザーでサポートされています。ただし、古いブラウザや非標準的な準拠ブラウザーではサポートされていない場合があります。

XMLドキュメントでチャイルドノードを使用してチャイルドノードにアクセスできますか？ XMLドキュメントのノード。子育てを含むW3C DOM標準は、HTMLドキュメントとXMLドキュメントの両方で動作するように設計されています。テキストノードとして。つまり、子育ては、要素の子ノードを返すときにこれらの空白テキストノードを含めることを意味します。 Whitespaceを無視したい場合は、代わりに子供のプロパティを使用できます。

ChildNodesを使用してテキストノードの子ノードにアクセスできますか？ 、したがって、テキストノードでチャイルドノードを使用すると、空のノデリストが返されます。テキストノードのコンテンツにアクセスする場合は、Nodevalueプロパティを使用できます。

以上がチャイルドノード（W3C DOMコアプロパティ）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。