Método item() de NodeList de HTML DOM

Definición y uso

item() El método devuelve el nodo en la posición de índice especificada en NodeList.

Hay dos métodos para acceder al nodo en la posición de índice especificada:

list.item(índice)

o

list[índice]

El método más simple y más utilizado es [índice]。

Ejemplo

Ejemplo 1

Obtener los nodos hijos del elemento <body>:

const nodeList = document.body.childNodes;

Prueba personalmente

Ejemplo 2

Obtener el nombre del nodo del primer nodo hijo:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Prueba personalmente

Ejemplo 3

El resultado de este ejemplo es el mismo:

const list = document.body.childNodes;
let name = list[0].nodeName;

Prueba personalmente

Ejemplo 4

Obtener el contenido HTML del primer elemento <p> del documento:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

Prueba personalmente

Ejemplo 5

Obtener el contenido HTML del primer <p> dentro de "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Prueba personalmente

Ejemplo 6

Cambiar el contenido HTML del primer <p> dentro de "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Prueba personalmente

Ejemplo 7

Cambiar el color de todos los elementos con class="child":

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Prueba personalmente

Sintaxis

nodelist.item(índice)

o abreviado como:

nodelist[índice]

Parámetro

Parámetro Descripción
índice

Obligatorio. Índice (subíndice) del nodo en la lista.

Los nodos se ordenan según la secuencia en que aparecen en el documento.

El índice comienza en 0.

Valor devuelto

Tipo Descripción
Objeto Nodo en la posición especificada del índice.
null Si el índice está fuera de rango.

Compatibilidad del navegador

nodelist.item() es una característica del nivel DOM 1 (1998).

Todos los navegadores modernos lo soportan:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte

Páginas relacionadas

Atributo length

Método entries()

Método forEach()

Método keys()

Método values()

Objeto NodeList

Método childNodes()

Método querySelectorAll()

Método getElementsByName()