Método item() de HTMLCollection

Definición y uso

item() El método devuelve el elemento en la posición especificada de la HTMLCollection.

Los elementos se ordenan según su posición en el código fuente, comenzando en 0.

También se puede usar un método abreviado y se obtendrá el mismo resultado:

var x = document.getElementsByTagName("P")[0];

Ejemplo

Ejemplo 1

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

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

Prueba por ti mismo

Sintaxis

HTMLCollection.item(index)

o

HTMLCollection[index]

Valor del parámetro

Parámetro Tipo Descripción
index Número

Obligatorio. El índice del elemento que se debe devolver.

Nota:El índice comienza en 0.

Valor de retorno

Objeto Elementoindica el elemento en la posición especificada.

Si el número de índice está fuera de rango, devuelve null.

Compatibilidad del navegador

Método Chrome IE Firefox Safari Opera
item() Soporte Soporte Soporte Soporte Soporte

Más ejemplos

Ejemplo 2

Cambiar el contenido HTML del primer <p>:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

Prueba por ti mismo

Ejemplo 3

Recorrer todos los elementos con class="myclass" y cambiar su color de fondo:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

Prueba por ti mismo

Ejemplo 4

Obtener el contenido HTML del primer <p> dentro del elemento <div>:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

Prueba por ti mismo

Páginas relacionadas

HTMLCollection：Atributo length

Elementos HTML:Método getElementsByClassName()

Elementos HTML:Método getElementsByTagName()