Méthode item() de HTMLCollection

Définition et utilisation

item() La méthode renvoie l'élément à l'indice spécifié dans HTMLCollection.

Les éléments sont classés selon leur position dans le code source, l'indice commence à 0.

Vous pouvez également utiliser une méthode abrégée et obtenir le même résultat :

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

Exemple

Exemple 1

Obtenir le contenu HTML du premier élément <p> du document :

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

Essayez-le vous-même

Syntaxe

HTMLCollection.item(index)

ou :

HTMLCollection[index]

Valeur du paramètre

Paramètres Type Description
index Number

obligatoire. L'indice de l'élément à retourner.

Remarque :L'indice commence à 0.

Valeur de retour

Objet Elementreprésente l'élément à l'indice spécifié.

Si le numéro d'index dépasse la gamme, il renvoie null.

Support des navigateurs

Méthode Chrome IE Firefox Safari Opera
item() Support Support Support Support Support

Plus d'exemples

Exemple 2

Modifier le contenu HTML du premier élément <p> :

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

Essayez-le vous-même

Exemple 3

Parcourir tous les éléments avec class="myclass" et changer leur couleur de fond :

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

Essayez-le vous-même

Exemple 4

Obtenir le contenu HTML du premier élément <p> de l'élément <div> :

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

Essayez-le vous-même

pages associées

HTMLCollection :propriété length

Élément HTML :méthode getElementsByClassName()

Élément HTML :Méthode getElementsByTagName()