HTML DOM NodeList length 属性

定义和用法

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

length 属性是只读的。

实例

例子 1

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

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

Kokeile itse

例子 2

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

const nodeList = document.body.childNodes;

Kokeile itse

Esimerkki 3

Hanki "myDIV" -sivun alisolujen määrä:

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

Kokeile itse

Esimerkki 4

"myDIV" -sivulla on kuinka monta <p> -elementtiä:

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

Kokeile itse

Esimerkki 5

Vieritä "myDIV" -sivun kaikkia <p> -elementtejä ja muuta niiden fonttikokoa:

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

Kokeile itse

Esimerkki 6

Vieritä kaikkia alisoluja ja kerää jokaisen solmun nimi:

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

Kokeile itse

Syntaksi

nodelist.length

Palautusarvo

Tyyppi Kuvaus
Luku NodeList-objektin solmujen määrä.

Selaimen tuki

nodelist.length on DOM Level 1 (1998) -ominaisuus.

Kaikki nykyaikaiset selaimet tukevat sitä:

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

Liittyvät sivut

entries() -menetelmä

forEach() -menetelmä

item() -menetelmä

keys() -menetelmä

values() -menetelmä

NodeList-objekti

childNodes() -menetelmä

querySelectorAll() -menetelmä

getElementsByName() -menetelmä