Método forEach() da NodeList DOM HTML

Definição e uso

O método forEach() executa uma função de callback para cada nó no NodeList.

Exemplo

Exemplo 1

Executar função para cada nó do documento:

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

Experimente você mesmo

Exemplo 2

Listar os nomes de nós filhos do documento:

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

Experimente você mesmo

Exemplo 3

Listar os tipos de nós filhos do documento:

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

Experimente você mesmo

Sintaxe

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

Parâmetros

Parâmetros Descrição
function() Obrigatório. Função executada para cada nó.
currentValue Obrigatório. Valor do nó atual.
index Opcional. Índice do nó atual.
arr Opcional. NodeList do nó atual.
thisValue

Opcional. Padrão undefined.

Como valor this passado para a função.

Retorno

Nenhum.

Suporte do navegador

nodelist.forEach() é uma característica do DOM Level 4 (2015).

Todos os navegadores modernos suportam isso:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

O Internet Explorer 11 (ou versões anteriores) não suporta nodelist.forEach().

Páginas relacionadas

Atributo length

Método entries()

Método item()

Método keys()

Método values()

Objeto NodeList

Método childNodes()

Método querySelectorAll()

Método getElementsByName()