Childnodes (W3C DOM CORE -Eigenschaft)

Beispiel

var kids = node.childNodes;

Im obigen Beispiel wird Kinder eine Sammlung aller direkten untergeordneten Knoten von Knoten sein. Wenn Knoten keine untergeordneten Knoten hat, ist Kinder eine leere Sammlung (mit null Länge). Die zurückgegebene Sammlung ist Live , was bedeutet, dass sich Änderungen an der von ihnen dargestellten HTML sofort in der Sammlung widerspiegeln, ohne sie erneut abrufen zu müssen.

Wenn wir also sagen, dass Knoten tatsächlich ein HTML -UL -Element ist, wie folgt:

<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>

Jedes dieser Li -Elemente ist ein Kinderknoten der UL und wird in seine Kindersammlung aufgenommen, nummeriert von 0 bis 2. Die EM -Elemente werden nicht in dieser Sammlung enthalten, da sie keine direkten Kinderknoten der Liste (sie sind Nachkommen , keine Kinder).

HINWEIS: Dieses Beispiel berücksichtigt keine Whitespace

Eigentlich ist dieses Beispiel idealisiert, und in einigen Browsern kann es in der Sammlung von Childnodes tatsächlich zusätzliche Knoten geben. Dies liegt daran Weitere Informationen zu diesem Verhalten finden Sie unter Dom Core.

Beschreibung

Die Childnodes -Sammlung ist eine geordnete Liste aller direkten Kinderknoten dieses Knotens. Wenn es keine untergeordneten Knoten gibt, ist diese Sammlung leer (sie hat keine Länge). Die Childnodes -Sammlung ist ein Nodelist, bei dem die Elemente numerisch indiziert werden und in Quellenreihenfolge erscheinen. Wie bei allen Knotenlisten ist Childnodes eine Live -Sammlung, was bedeutet, dass sich Änderungen an der Sammlung sofort in der Knotenliste widerspiegeln (im Gegensatz dazu, dass es sich um einen statischen Schnappschuss handelt). Attribute eines Elements werden nicht als Kinderknoten angesehen und erscheint daher nicht in der Kindersammlung2 Diese Sammlung ist nur gelesen.

Eine Sammlung ist kein Array

Auch wenn eine Sammlung wie ein Array aussieht, ist sie kein Array - obwohl Sie sie durch sie itererieren und auf seine Mitglieder wie ein Array verweisen können, können Sie keine Array -Methoden wie Push oder Pop verwenden.

häufig gestellte Fragen (FAQs) zu Childnodes W3C Dom Core -Eigenschaft

Was ist die Childnodes W3C DOM -Kerneigenschaft? Das Nodelist -Objekt repräsentiert eine Sammlung von Knoten. Die Knoten im Nodelist werden sortiert, wie sie im Quellcode angezeigt werden und können mit Indexnummern ab 0 zugegriffen werden.

Wie unterscheiden sich Childnodes von Kindern in JavaScript? Childnodes gibt einen Nodelist zurück, der alle Kinderknoten, einschließlich Text- und Kommentarknoten, enthält, während Kinder nur Elementknoten zurückgeben. Dies bedeutet, dass Childnodes manchmal mehr Knoten als Kinder zurückgeben können. Wenn Sie beispielsweise auf den ersten untergeordneten Knoten eines Elements zugreifen möchten, können Sie Element.Childnodes [0] verwenden. Denken Sie daran, die Indexnummern beginnen mit 0, sodass der erste untergeordnete Knoten bei Index 0, der zweite bei Index 1 usw. befindet.

Ja, Sie können Childnodes verwenden, um in HTML -Sammlungen auf Kinderknoten zuzugreifen. Eine HTML -Sammlung ist eine Art Nodelist, und Childnodes kann verwendet werden, um auf die untergeordneten Knoten eines Knotens zuzugreifen, einschließlich derer in einer HTML -Sammlung. 🎜>

Wenn Sie Childnodes auf einem Knoten ohne Kinder verwenden, wird ein leerer Nodelist zurückgegeben. Dies bedeutet, dass die Länge Eigenschaft des Nodelist 0 beträgt, und der Versuch, auf einen untergeordneten Knoten nach Index zuzugreifen Während Sie unter Verwendung von Childnodes keine direkten Knoten direkt ändern können, können Sie sie verwenden, um auf untergeordnete Knoten zuzugreifen und sie dann mit anderen DOM -Methoden zu ändern. Zum Beispiel können Sie Childnodes verwenden, um einen Verweis auf einen Kinderknoten zu erhalten und dann die NodeValue -Eigenschaft zu verwenden, um seinen Inhalt zu ändern.

Wird Childnodes in allen Browsern unterstützt? Ein Teil des W3C -DOM -Standards und wird in allen modernen Browsern unterstützt, einschließlich Chrome, Firefox, Safari und Edge. Es kann jedoch nicht in älteren Browsern oder nicht standardmäßigen konformen Browsern unterstützt werden. Knoten in XML -Dokumenten. Der W3C -DOM -Standard, der Childnodes umfasst, ist so konzipiert, dass sie sowohl mit HTML- als auch mit XML -Dokumenten arbeiten. als Textknoten. Dies bedeutet, dass Childnodes diese Whitespace -Textknoten enthalten, wenn sie die untergeordneten Knoten eines Elements zurückgibt. Wenn Sie Whitespace ignorieren möchten, können Sie stattdessen die Eigenschaft für Kinder verwenden. Die Verwendung von Childnodes auf einem Textknoten gibt also einen leeren Nodelist zurück. Wenn Sie auf den Inhalt eines Textknotens zugreifen möchten, können Sie die NodeValue -Eigenschaft verwenden.

Das obige ist der detaillierte Inhalt vonChildnodes (W3C DOM CORE -Eigenschaft). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!