HTML DOM NodeList length 属性
- ਪਿੱਛਲਾ ਪੰਨਾ keys()
- ਅਗਲਾ ਪੰਨਾ values()
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM NodeList
定义和用法
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 | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
ਸਬੰਧਤ ਪੰਨੇ
- ਪਿੱਛਲਾ ਪੰਨਾ keys()
- ਅਗਲਾ ਪੰਨਾ values()
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM NodeList