HTML DOM NodeList length 属性

定义和用法

length 属性返回 NodeList 中的节点数。

length 属性是只读的。

实例

例子 1

获取文档中子节点的数量：

const nodeList = document.body.childNodes;
let number = nodeList.length;

Essayez-le vous-même

例子 2

获取 <body> 元素的子节点：

const nodeList = document.body.childNodes;

Essayez-le vous-même

Exemple 3

Obtenir le nombre de nœuds enfants dans "myDIV" :

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

Essayez-le vous-même

Exemple 4

Combien d'éléments <p> dans "myDIV" :

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

Essayez-le vous-même

Exemple 5

Parcourir tous les éléments <p> dans "myDIV" et modifier leur taille de police :

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

Essayez-le vous-même

Exemple 6

Parcourir tous les nœuds enfants et collecter le nom de chaque nœud :

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

Essayez-le vous-même

Syntaxe

nodelist.length

Valeur de retour

Type Description
Numérique Nombre de nœuds dans NodeList.

Support du navigateur

nodelist.length 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

Méthode entries()

Méthode forEach()

Méthode item()

Méthode keys()

Méthode values()

Objet NodeList

Méthode childNodes()

Méthode querySelectorAll()

Méthode getElementsByName()