Méthode forEach() de NodeList HTML DOM

Définition et utilisation

La méthode forEach() exécute une fonction de rappel pour chaque nœud dans NodeList.

Exemple

Exemple 1

Exécuter une fonction pour chaque nœud enfant du document :

const list = document.body.childNodes;
list.forEach(
  function(node, index) {
    text += index + " " + node;
  }
);

Essayer vous-même

Exemple 2

Lister les noms des nœuds enfants du document :

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeName;
  }
);

Essayer vous-même

Exemple 3

Lister les types des nœuds enfants du document :

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeType;
  }
);

Essayer vous-même

Syntaxe

nodelist.forEach(function(currentValue, index, arr) thisValue)

Paramètres

Paramètres Description
function() Obligatoire. Fonction exécutée pour chaque nœud.
currentValue Obligatoire. Valeur du nœud actuel.
index Optionnel. Index du nœud actuel.
arr Optionnel. NodeList du nœud actuel.
thisValue

Optionnel. Par défaut undefined.

Valeur transmise à la fonction en tant que thisValue.

Valeur de retour

Aucun.

Support du navigateur

nodelist.forEach() est une caractéristique de DOM Level 4 (2015).

Tous les navigateurs modernes le prennent en charge :

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Internet Explorer 11 (ou versions antérieures) ne prend pas en charge nodelist.forEach().

Pages associées

Propriété length

Méthode entries()

Méthode item()

Méthode keys()

Méthode values()

Objet NodeList

Méthode childNodes()

Méthode querySelectorAll()

Méthode getElementsByName()