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) ਵਿਸ਼ੇਸ਼ਤਾ。

ਸਾਰੇ ਆਧੁਨਿਕ ਬਰਾਊਜ਼ਰਾਂ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਚਰਮੋਨੀ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਨੀ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

ਸਬੰਧਤ ਪੰਨੇ

entries() ਮੈਥਡ

forEach() ਮੈਥਡ

item() ਮੈਥਡ

keys() ਮੈਥਡ

values() ਮੈਥਡ

NodeList ਆਬਜੈਕਟ

childNodes() ਮੈਥਡ

querySelectorAll() ਮੈਥਡ

getElementsByName() ਮੈਥਡ