Método forEach() de NodeList DOM HTML

定义和用法

Definición y uso

La método forEach() ejecuta una función de devolución de llamada para cada nodo en NodeList.

Ejemplo

Ejemplo 1

const list = document.body.childNodes;
list.forEach(
  Ejecute una función para cada nodo del documento:
    function(node, index) {
  }
);

Prueba por tu cuenta

text += index + " " + node;

Ejemplo 2

const list = document.body.childNodes;
list.forEach(
  function(node) {
    Enumere los nombres de los nodos hijos del documento:
  }
);

Prueba por tu cuenta

Ejemplo 3

Enumere los tipos de nodos hijos del documento:

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

Prueba por tu cuenta

Sintaxis

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

Parámetros

Parámetros Descripción
function() Necesario. Función que se ejecuta para cada nodo.
currentValue Necesario. Valor del nodo actual.
index Opcional. Índice del nodo actual.
arr Opcional. NodeList del nodo actual.
thisValue

Opcional. Por defecto undefined.

Como valor this pasado al método de función.

Valor de retorno

Ninguno.

Compatibilidad del navegador

nodelist.forEach() es una característica del nivel DOM 4 (2015).

Todos los navegadores modernos lo admiten:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatibilidad Compatibilidad Compatibilidad Compatibilidad Compatibilidad

Internet Explorer 11 (o versiones anteriores) no admite 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()