Metodo forEach() della NodeList DOM HTML

Definizione e uso

Il metodo forEach() esegue una funzione di callback per ogni nodo in NodeList.

Esempio

Esempio 1

Esegui una funzione per ogni nodo del documento:

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

Prova tu stesso

Esempio 2

Elenca i nomi dei nodi figli del documento:

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

Prova tu stesso

Esempio 3

Elenca i tipi dei nodi figli del documento:

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

Prova tu stesso

Sintassi

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

Parametri

Parametri Descrizione
function() Obbligatorio. Funzione eseguita per ogni nodo.
currentValue Obbligatorio. Valore del nodo corrente.
index Opzionale. Indice del nodo corrente.
arr Opzionale. NodeList del nodo corrente.
thisValue

Opzionale. Predefinito undefined.

Come valore this passato alla funzione.

Valore di ritorno

Nessuno.

Supporto dei browser

nodelist.forEach() è una caratteristica del DOM Level 4 (2015).

Tutti i browser moderni lo supportano:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Internet Explorer 11 (o versioni precedenti) non supporta nodelist.forEach().

Pagine correlate

Proprietà length

Metodo entries()

Metodo item()

Metodo keys()

Metodo values()

Oggetto NodeList

Metodo childNodes()

Metodo querySelectorAll()

Metodo getElementsByName()