From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/node/childnodes/index.md | 127 ++++++++++++------------------ 1 file changed, 50 insertions(+), 77 deletions(-) (limited to 'files/fr/web/api/node/childnodes/index.md') diff --git a/files/fr/web/api/node/childnodes/index.md b/files/fr/web/api/node/childnodes/index.md index b9f4630ffc..4482d18e89 100644 --- a/files/fr/web/api/node/childnodes/index.md +++ b/files/fr/web/api/node/childnodes/index.md @@ -9,95 +9,68 @@ tags: - Propriétés translation_of: Web/API/Node/childNodes --- -

{{APIRef("DOM")}}

+{{APIRef("DOM")}} -

La propriété en lecture seule  Node.childNodes renvoie une {{domxref("NodeList")}} (liste de noeuds) de {{domxref("Node","noeuds")}} enfants de l'élément donné avec le premier noeud enfant affecté à l'index 0.

+La propriété en lecture seule  **`Node.childNodes`** renvoie une {{domxref("NodeList")}} (_liste de noeuds_) de {{domxref("Node","noeuds")}} enfants de l'élément donné avec le premier noeud enfant affecté à l'index 0. -

Syntaxe

+## Syntaxe -
var collNoeuds = elementDeReference.childNodes;
-
+ var collNoeuds = elementDeReference.childNodes; -

Exemples

+## Exemples -

Utilisation simple

+### Utilisation simple -
// parg est une référence d'objet pour un élément <p>
+```js
+// parg est une référence d'objet pour un élément 

 
-// D'abord vérifier que l'élément a des noeuds enfants 
+// D'abord vérifier que l'élément a des noeuds enfants
 if (parg.hasChildNodes()) {
   var children = parg.childNodes;
 
-  for (var i = 0; i < children.length; i++) {
+  for (var i = 0; i < children.length; i++) {
     // faire quelque chose avec chaque enfant[i]
     // NOTE: La liste est en ligne, l'ajout ou la suppression des enfants changera la liste
   }
-}
+} +``` -

Supprimer tous les enfants d'un nom

+### Supprimer tous les enfants d'un nom -
// Voici une manière de supprimer tous les enfants d'un nœud
-// (boite est une référence à un élément ayant des enfants)
-while( boite.firstChild) {
-    // La liste n'est pas une copie, elle sera donc réindexée à chaque appel
-    boite.removeChild( boite.firstChild);
-}
-
- -

Notes

- -

Les éléments de la collection de noeuds sont des objets et non des chaînes de caractères. Pour en obtenir les données, vous devez utiliser leurs propriétés (par exemple elementNodeReference.childNodes[1].nodeName pour obtenir son nom, etc.)

- -

L'objet document lui-même a deux enfants : la déclaration Doctype et l'élément racine, généralement appelés  documentElement . (Dans les documents (X)HTML il s'agit d'éléments  HTML).

- -

childNodes  inclut tous les noeuds enfants, y compris les noeuds qui ne sont pas des éléments comme les noeuds texte et commentaire. Pour obtenir une collection des seuls éléments, utilisez {{domxref("ParentNode.children")}} à la place.

- -

 

- -

Spécification

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG', '#dom-node-childnodes', 'Node.childNodes')}}{{Spec2('DOM WHATWG')}}Pas de changement
{{SpecName('DOM3 Core', 'core.html#ID-1451460987', 'Node.childNodes')}}{{Spec2('DOM3 Core')}}Pas de changement
{{SpecName('DOM2 Core', 'core.html#ID-1451460987', 'Node.childNodes')}}{{Spec2('DOM2 Core')}}Pas de changement
{{SpecName('DOM1', 'level-one-core.html#ID-1451460987', 'Node.childNodes')}}{{Spec2('DOM1')}}Définition initiale
- -

Compatibilité des navigateurs

- -

{{Compat("api.Node.childNodes")}}

- -

Voir aussi

- - + // Voici une manière de supprimer tous les enfants d'un nœud + // (boite est une référence à un élément ayant des enfants) + while( boite.firstChild) { + // La liste n'est pas une copie, elle sera donc réindexée à chaque appel + boite.removeChild( boite.firstChild); + } + +## Notes + +Les éléments de la collection de noeuds sont des objets et non des chaînes de caractères. Pour en obtenir les données, vous devez utiliser leurs propriétés (par exemple `elementNodeReference.childNodes[1].nodeName` pour obtenir son nom, etc.) + +L'objet [`document`](/fr/DOM/document) lui-même a deux enfants : la déclaration [Doctype](/fr/DOM/document.doctype) et l'élément racine, généralement appelés  `documentElement` . (Dans les documents (X)HTML il s'agit d'éléments  [`HTML`](/fr/HTML/Element/html)). + +`childNodes`  inclut tous les noeuds enfants, y compris les noeuds qui ne sont pas des éléments comme les noeuds texte et commentaire. Pour obtenir une collection des seuls éléments, utilisez {{domxref("ParentNode.children")}} à la place. + + + +## Spécification + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName('DOM WHATWG', '#dom-node-childnodes', 'Node.childNodes')}} | {{Spec2('DOM WHATWG')}} | Pas de changement | +| {{SpecName('DOM3 Core', 'core.html#ID-1451460987', 'Node.childNodes')}} | {{Spec2('DOM3 Core')}} | Pas de changement | +| {{SpecName('DOM2 Core', 'core.html#ID-1451460987', 'Node.childNodes')}} | {{Spec2('DOM2 Core')}} | Pas de changement | +| {{SpecName('DOM1', 'level-one-core.html#ID-1451460987', 'Node.childNodes')}} | {{Spec2('DOM1')}} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("api.Node.childNodes")}} + +## Voir aussi + +- {{domxref("Node.firstChild")}} +- {{domxref("Node.lastChild")}} +- {{domxref("Node.nextSibling")}} +- {{domxref("Node.previousSibling")}} +- {{domxref("ParentNode.children")}} -- cgit v1.2.3-54-g00ecf