HTML DOM NodeList length 属性

定义和用法

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

length 属性是只读的。

实例

例子 1

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

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

実際に試してみる

例子 2

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

const nodeList = document.body.childNodes;

実際に試してみる

例 3

"myDIV" 内の子ノードの数を取得します：

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

実際に試してみる

例 4

"myDIV" 内の <p> 要素の数：

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

実際に試してみる

例 5

"myDIV" 内のすべての <p> 要素を遍历し、そのフォントサイズを変更します：

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

実際に試してみる

例 6

すべての子ノードを遍历し、各ノードの名前を収集します：

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

実際に試してみる

構文

nodelist.length

返り値

タイプ 説明
数字 NodeList 内のノードの数。

ブラウザのサポート

nodelist.length は DOM Level 1 (1998) の特性です。

すべての現代ブラウザがサポートしています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート

関連ページ

entries() メソッド

forEach() メソッド

item() メソッド

keys() メソッド

values() メソッド

NodeList オブジェクト

childNodes() メソッド

querySelectorAll() メソッド

getElementsByName() メソッド