Méthode item() de NodeList HTML DOM

Définition et utilisation

item() La méthode retourne le noeud à l'index spécifié dans NodeList.

Il existe deux méthodes pour accéder au noeud à l'index spécifié :

list.item(index)

ou

list[index]

La méthode la plus simple et la plus courante est [index]。

Exemple

Exemple 1

Obtenir les noeuds enfants de l'élément <body> :

const nodeList = document.body.childNodes;

Essayez-le vous-même

Exemple 2

Obtenir le nom de l'élément du premier noeud enfant :

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Essayez-le vous-même

Exemple 3

Le résultat de cet exemple est le même :

const list = document.body.childNodes;
let name = list[0].nodeName;

Essayez-le vous-même

Exemple 4

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

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

Essayez-le vous-même

Exemple 5

Obtenir le contenu HTML du premier <p> dans "myDIV" :

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Essayez-le vous-même

Exemple 6

Modifier le contenu HTML du premier <p> dans "myDIV" :

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Essayez-le vous-même

Exemple 7

Modifier la couleur de tous les éléments avec class="child" :

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Essayez-le vous-même

Syntaxe

nodelist.item(index)

ou raccourci en :

nodelist[index]

Paramètre

Paramètre Description
index

Obligatoire. Index du nœud dans la liste (index).

Les nœuds sont classés dans l'ordre de leur apparition dans le document.

L'index commence à 0.

Valeur de retour

Type Description
Objet Nœud à l'index spécifié.
null Si l'index dépasse la gamme.

Support du navigateur

nodelist.item() est une caractéristique du niveau DOM 1 (1998).

Tous les navigateurs modernes le supportent :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support

Pages liées

Propriété length

Méthode entries()

Méthode forEach()

Méthode keys()

Méthode values()

Objet NodeList

Méthode childNodes()

Méthode querySelectorAll()

Méthode getElementsByName()