HTML DOM NodeList length 属性

定义和用法

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

length 属性是只读的。

实例

例子 1

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

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

Prova själv

例子 2

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

const nodeList = document.body.childNodes;

Prova själv

Exempel 3

Hämta antalet undernoder i "myDIV":

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

Prova själv

Exempel 4

Hur många <p>-element finns det i "myDIV":

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

Prova själv

Exempel 5

Genomgå alla <p>-element i "myDIV" och ändra deras fontstorlek:

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

Prova själv

Exempel 6

Genomgå alla undernoder och samla in namnet på varje nod:

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

Prova själv

Syntax

nodelist.length

Returvärde

Typ Beskrivning
Nummer Antalet noder i NodeList.

Webbläsarstöd

nodelist.length är en egenskap från DOM Level 1 (1998).

Alla moderna webbläsare stöder det:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd

Relaterade sidor

entries() metod

forEach() metod

item() metod

keys() metod

values() metod

NodeList-objekt

childNodes() metod

querySelectorAll() metod

getElementsByName() metod