El método item() se usa para devolver el contenido del elemento en el índice dado de la colección de todos los elementos HTML. El índice comienza desde cero (0). Los elementos de la colección se ordenan en el orden en que aparecen en el código fuente.
Sintaxis:
HTMLCollection.item(index)
O
HTMLCollection[index]
Parámetros: Contiene un número que representa el índice del elemento que el usuario quiere devolver. El índice comienza desde 0.
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>HTMLCollection item() Method</h2>
<button onclick="Geeks()">Submit</button>
<script>
function Geeks() {
var w = document.getElementsByTagName("h1");
alert(w.item(0).innerHTML);
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Ejemplo-2: Para cambiar el contenido de un elemento HTML.
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>HTMLCollection item() Method</h2>
<p>geeforgeefs</p>
<button onclick="Geeks()">Submit</button>
<script>
function Geeks() {
document.getElementsByTagName("P")[0].innerHTML =
"GeeksForGeeks";
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método HTMLCollection item() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA