Método HTMLCollection item()
Ejemplo
Obtenga el contenido HTML del primer elemento <p> de este documento:
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
Definición y uso
El item()
método devuelve el elemento en el índice especificado en una HTMLCollection.
Los elementos se ordenan tal como aparecen en el código fuente y el índice comienza en 0.
También se puede usar un método abreviado y producirá el mismo resultado:
var x = document.getElementsByTagName("P")[0];
Compatibilidad con navegador
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
Sintaxis
HTMLCollection.item(index)
O:
HTMLCollection[index]
Valores paramétricos
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
Valor devuelto
Un objeto Element , que representa el elemento en el índice especificado.
Devuelve nulo si el número de índice está fuera de rango
Más ejemplos
Ejemplo
Cambie el contenido HTML del primer elemento <p>:
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
Ejemplo
Recorra todos los elementos con class="myclass" y cambie su color de fondo:
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
Ejemplo
Obtenga el contenido HTML del primer elemento <p> dentro de un elemento <div>:
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
páginas relacionadas
HTMLCollection: longitud de la propiedad
Elemento HTML: método getElementsByClassName()
Elemento HTML: método getElementsByTagName()