HTML DOM item() Method

<Elemento de objeto

Ejemplo

Obtener el contenido HTML de la primera <p> elemento (index 0) dentro del documento:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

El resultado de la lista de nodos será:

The first p element in the document.

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El item() método devuelve un nodo en el índice especificado en un objeto NodeList.

Los nodos se clasifican como aparecen en el código fuente, y el índice comienza en 0.

La colección de un objeto de nodo de los nodos secundarios es un ejemplo de un objeto NodeList.

Nota: Hay dos maneras de acceder a un nodo en el índice especificado en una lista de nodos:

Esta sintaxis:

document.body.childNodes.item(0); // The first child node of <body> Try it

Producirá el mismo resultado que esta sintaxis:

document.body.childNodes[0]; // The first child node of <body> Try it

Se puede utilizar cualquier método que te gusta, sin embargo, el método más común es [índice].

Consejo: Utilice la longitud de la propiedad para devolver el número de nodos en un objeto NodeList.

Soporte del navegador

Método
item()	Sí	Sí	Sí	Sí	Sí

Sintaxis

Los valores de los parámetros

Parámetro	Tipo	Descripción
index	Number	Necesario. El índice del nodo que desea devolver, en la lista de nodos. Nota: El índice comienza en 0

Detalles técnicos

Valor de retorno:	Un objeto de nodo, representando el nodo en el índice especificado. Nota: Devuelve un valor nulo si el número de índice está fuera de rango
Versión DOM	Nivel básico 1 lista de nodos de objetos

Más ejemplos

Ejemplo

Obtener el contenido HTML de la primera <p> elemento (index 0) dentro de un <div> elemento:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

El resultado de la lista de nodos será:

First p element in div.

Inténtalo tú mismo "

Ejemplo

Cambiar el contenido HTML de la primera <p> elemento (index 0) dentro de un <div> elemento:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

Inténtalo tú mismo "

Ejemplo

Recorrer todos los elementos con class = "niño" en un <div> elemento, y cambiar su color de fondo:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

Inténtalo tú mismo "