Propriété de longueur du DOM HTML

Exemple

Découvrez combien d'éléments <p> il y a dans le document :

var nodelist = document.getElementsByTagName("P").length;

Plus d'exemples "Essayez-le vous-même" ci-dessous.

Définition et utilisation

La propriété length renvoie le nombre de nœuds dans un objet NodeList.

La collection de nœuds enfants d'un objet Node est un exemple d'objet NodeList.

La propriété length est utile lorsque vous souhaitez parcourir les nœuds d'une liste de nœuds (voir "Plus d'exemples" ci-dessous).

Cette propriété est en lecture seule.

Astuce : Utilisez la méthode item() pour renvoyer un nœud à l'index spécifié dans un objet NodeList.

Prise en charge du navigateur

Property
length	Yes	Yes	Yes	Yes	Yes

Syntaxe

nodelist.length

Détails techniques

Valeur de retour :	Un nombre, représentant le nombre de nœuds dans la liste de nœuds
Version DOM	Objet de liste de nœuds de niveau 1 de base

Plus d'exemples

Exemple

Découvrez combien d'éléments <p> il y a dans un élément <div> :

var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>

Exemple

Parcourez tous les éléments <p> à l'intérieur d'un élément <div> et modifiez la couleur d'arrière-plan de chaque élément <p> :

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");

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