ChildNodes (propriété W3C DOM Core)

Exemple

var kids = node.childNodes;

Dans l'exemple ci-dessus, kids sera une collection de tous les nœuds enfants directs de nœud . Si nœud n'a pas de nœuds enfants, alors kids sera une collection vide (avec une longueur zéro). La collection retournée est live , ce qui signifie que les modifications du HTML qu'il représente sont immédiatement reflétées dans la collection, sans avoir à la récupérer à nouveau.

Donc, si nous disons que nœud est en fait un élément HTML UL, comme ceci:

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

Chacun de ces éléments Li est un nœud enfant de l'UL, et sera inclus dans sa collection ChildNodes, numéroté de 0 à 2. Les éléments EM ne seront pas dans cette collection, car ce ne sont pas des nœuds enfants directs des nœuds des enfants directs des Liste (ce sont descendants , pas les enfants).

Remarque: cet exemple ne tient pas compte de l'espace blanc

En fait, cet exemple est idéalisé, et dans certains navigateurs, il peut en fait y avoir des nœuds supplémentaires dans la collection ChildNodes; C'est parce que certains navigateurs comptent l'espace blanc intermédiaire comme nœuds de texte, et considéreraient donc chaque morceau de espace blanc entre les nœuds structurels comme un nœud de texte.

Pour en savoir plus sur ce comportement, veuillez consulter Dom Core.

Description

La collection ChildNodes est une liste ordonnée de tous les nœuds enfants directs de ce nœud; S'il n'y a pas de nœuds enfants, cette collection est vide (elle a une longueur nulle). La collection ChildNodes est un nodeliste, dans lequel les éléments sont indexés numériquement et apparaissent dans l'ordre source. Comme pour toutes les listes de nœuds, ChildNodes est une collection en direct, ce qui signifie que les modifications de la collection qu'il représente se reflètent immédiatement dans la liste des nœuds (par opposition à ce que ce soit un instantané statique). Les attributs d'un élément ne sont pas considérés comme des nœuds enfants et n'apparaissent donc pas dans la collection ChildNodes22 Cette collection est uniquement lue.

Une collection n'est pas un tableau

Même si une collection ressemble à un tableau, ce n'est pas un tableau - bien que vous puissiez le parcourir et vous référer à ses membres comme un tableau, vous ne pouvez pas utiliser des méthodes de tableau comme Push ou Pop dessus.

Questions fréquemment posées (FAQ) sur ChildNodes W3C Dom Core Property

Qu'est-ce que la propriété de noyau DOM W3C Dom childNodes?

La propriété Core W3C DOM W3C DOM est une propriété en JavaScript qui renvoie un objet Nodelist contenant tous les nœuds enfants du nœud spécifié, en tant qu'objet nodeliste. L'objet Nodelist représente une collection de nœuds. Les nœuds du nodeliste sont triés tels qu'ils apparaissent dans le code source et peuvent être accessibles par des numéros d'index à partir de 0.

En quoi les NIDNODES des enfants diffèrent-ils des enfants en JavaScript?

Bien que les nœuds enfants et les enfants soient utilisés pour accéder aux nœuds enfants d'un nœud particulier, ils ont une différence clé. ChildNodes renvoie un nodeliste contenant tous les nœuds enfants, y compris le texte et les nœuds de commentaire, tandis que les enfants ne renvoient que les nœuds d'élément. Cela signifie que ChildNodes peut parfois renvoyer plus de nœuds que les enfants.

Comment puis-je accéder à un nœud enfant spécifique en utilisant ChildNodes?

Vous pouvez accéder à un nœud enfant spécifique en utilisant son numéro d'index. Par exemple, si vous souhaitez accéder au premier nœud enfant d'un élément, vous pouvez utiliser Element.ChildNodes [0]. N'oubliez pas que les numéros d'index commencent à partir de 0, donc le premier nœud enfant est à l'index 0, le second à l'index 1, etc.

Oui, vous pouvez utiliser ChildNodes pour accéder aux nœuds enfants dans les collections HTML. Une collection HTML est un type de nodeliste, et les noeuds de chantier peuvent être utilisés pour accéder aux nœuds enfants de n'importe quel nœud, y compris ceux d'une collection HTML.

Que se passe-t-il si j'utilise ChildNodes sur un nœud sans enfants?

Si vous utilisez ChildNodes sur un nœud sans enfants, il renverra un nodeliste vide. Cela signifie que la propriété de longueur du nodelist sera 0, et essayer d'accéder à un nœud enfant par index renverra indéfini.

Puis-je modifier les nœuds enfants d'un nœud à l'aide de NICHNODES?

Bien que vous ne puissiez pas modifier directement les nœuds enfants à l'aide de ChildNodes, vous pouvez l'utiliser pour accéder aux nœuds enfants, puis les modifier à l'aide d'autres méthodes DOM. Par exemple, vous pouvez utiliser ChildNodes pour obtenir une référence à un nœud enfant, puis utiliser la propriété NodeValue pour modifier son contenu.

Est-ce que ChildNodes est pris en charge dans tous les navigateurs?

Oui, Childnodes est-il Une partie de la norme DOM W3C et est prise en charge dans tous les navigateurs modernes, y compris Chrome, Firefox, Safari et Edge. Cependant, il peut ne pas être pris en charge dans les navigateurs plus âgés ou les navigateurs conformes non standard.

Puis-je utiliser ChildNodes pour accéder aux nœuds enfants dans des documents XML?

Oui, les notes d'enfants peuvent être utilisées pour accéder à l'enfant NODES DANS LES DOCUMENTS XML. La norme DOM W3C, qui comprend des nodes d'enfants, est conçue pour fonctionner avec les documents HTML et XML.

Comment les NIDNODES gèrent-ils l'espace blanc dans les documents HTML?

Dans les documents HTML, l'espace blanc entre les éléments est traité comme nœuds de texte. Cela signifie que ChildNodes inclura ces nœuds de texte Whitespace lorsqu'il renvoie les nœuds enfants d'un élément. Si vous souhaitez ignorer l'espace, vous pouvez utiliser la propriété des enfants à la place.

Puis-je utiliser ChildNodes pour accéder aux nœuds enfants d'un nœud de texte?

Non, les nœuds de texte n'ont pas de nœuds enfants , donc l'utilisation de l'enfant sur un nœud de texte renverra un nodelist vide. Si vous souhaitez accéder au contenu d'un nœud de texte, vous pouvez utiliser la propriété Nodevalue.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!