HTML DOM item() Method

<Object Élément

Exemple

Obtenez le contenu HTML de la première <p> élément (index 0) à l' intérieur du document:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

Le résultat de nodelist sera:

The first p element in the document.

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

L' item() méthode retourne un noeud à l'index spécifié dans un objet NodeList.

Les noeuds sont classés comme ils apparaissent dans le code source, et l'indice commence à 0.

Une collection d'objets de nœud de nœuds enfants est un exemple d'un objet NodeList.

Remarque: Il y a deux façons d'accéder à un nœud à l'index spécifié dans une liste de noeuds:

Cette syntaxe:

document.body.childNodes.item(0); // The first child node of <body> Try it

Produira le même résultat que cette syntaxe:

document.body.childNodes[0]; // The first child node of <body> Try it

Vous pouvez utiliser la méthode que vous voulez, cependant, la méthode la plus courante est [index].

Astuce: Utilisez la longueur propriété pour retourner le nombre de nœuds dans un objet NodeList.

Support du navigateur

méthode
item()	Oui	Oui	Oui	Oui	Oui

Syntaxe

Les valeurs des paramètres

Paramètre	Type	La description
index	Number	Champs obligatoires. L'index du nœud que vous voulez revenir, dans la liste des nœuds. Note: L'indice commence à 0

Détails techniques

Valeur de retour:	Un objet de noeud représentant le noeud à l'index spécifié. Remarque: renvoie null si le numéro d'index est hors de portée
version DOM	Niveau de base 1 Nodelist objet

autres exemples

Exemple

Obtenez le contenu HTML de la première <p> élément (index 0) dans un <div> élément:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

Le résultat de nodelist sera:

First p element in div.

Essayez vous - même »

Exemple

Modifier le contenu HTML du premier <p> élément (index 0) dans un <div> élément:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

Essayez vous - même »

Exemple

Boucle à travers tous les éléments avec class = « enfant » dans un <div> élément et changer leur couleur de fond:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

Essayez vous - même »