HTMLCollection item()Méthodes
Définition et utilisation
La méthode item() renvoie l'élément à la position d'index spécifiée dans l'objet HTMLCollection.
L'ordre des éléments dans l'objet HTMLCollection est le même que leur ordre dans le code source du document, l'index commençant à 0.
Vous pouvez également utiliser la méthode abrégée suivante, et le résultat sera identique :
var x = document.getElementsByTagName("P")[0];
Syntaxe
HTMLCollection.item(index)
Ou :
HTMLCollection[index]
| Paramètre | Type | Description |
|---|---|---|
| index | Number | Obligatoire, la valeur d'index de l'élément. Remarque :La position de départ est 0, et l'index du dernier élément est HTMLCollection.length-1 ; l'index doit être dans cette plage. |
Prise en charge des navigateurs
| Méthodes | |||||
|---|---|---|---|---|---|
| item() | Oui | Oui | Oui | Oui | Oui |
Exemple
Exemple
Modifiez le contenu HTML du premier élément p :
document.getElementsByTagName("P").item(0).innerHTML = "Paragraphe modifié";
Essayez-le vous-même »
Exemple
Parcourez tous les éléments avec class="myclass" et modifiez leur couleur d'arrière-plan :
var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
Essayez-le vous-même »
Exemple
Obtenez le contenu HTML du premier élément p et insérez-le dans l'élément div :
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
Essayez-le vous-même »
Articles connexes
HTMLCollection: lengthPropriété
Élément HTML : getElementsByClassName()Méthodes
Élément HTML : getElementsByTagName()Méthodes
autres extensions