HTML DOM NodeList item() 方法
- ਪਿੱਛਲਾ ਪੰਨਾ forEach()
- ਅਗਲਾ ਪੰਨਾ keys()
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM NodeList
定义和用法
item() 方法返回 NodeList 中指定索引处的节点。
有两种方法可以访问指定索引处的节点：
list.item(ਸੂਚੀ ਵਿੱਚ ਨੋਡ ਦੀ ਸੰਖਿਆ (ਇੰਡੈਕਸ))
或
list[ਸੂਚੀ ਵਿੱਚ ਨੋਡ ਦੀ ਸੰਖਿਆ (ਇੰਡੈਕਸ)]
最简单和最常用的方法是 [ਸੂਚੀ ਵਿੱਚ ਨੋਡ ਦੀ ਸੰਖਿਆ (ਇੰਡੈਕਸ)]。
实例
例子 1
获取 <body> 元素的子节点：
const nodeList = document.body.childNodes;
例子 2
获取第一个子节点的节点名：
const list = document.body.childNodes; let name = list.item(0).nodeName;
例子 3
此例的结果相同：
const list = document.body.childNodes; let name = list[0].nodeName;
例子 4
获取文档中第一个 <p> 元素的 HTML 内容：
const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;
ਉਦਾਹਰਣ 5
"myDIV" ਵਿੱਚ ਪਹਿਲੇ <p> ਐਲੀਮੈਂਟ ਦੇ HTML ਸਮੱਗਰੀ ਨੂੰ ਲੈ ਲਓ:
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;
ਉਦਾਹਰਣ 6
"myDIV" ਵਿੱਚ ਪਹਿਲੇ <p> ਐਲੀਮੈਂਟ ਦੇ HTML ਸਮੱਗਰੀ ਨੂੰ ਬਦਲੋ:
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";
ਉਦਾਹਰਣ 7
ਕਲਾਸ="child" ਦੇ ਸਾਰੇ ਐਲੀਮੈਂਟਾਂ ਦੀ ਰੰਗ ਬਦਲੋ:
const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
list[i].style.color = "red";
}
ਸਿਧਾਂਤ
nodelist.item(ਸੂਚੀ ਵਿੱਚ ਨੋਡ ਦੀ ਸੰਖਿਆ (ਇੰਡੈਕਸ))
ਜਾਂ ਸਰਲ ਰੂਪ ਵਿੱਚ:
nodelist[ਸੂਚੀ ਵਿੱਚ ਨੋਡ ਦੀ ਸੰਖਿਆ (ਇੰਡੈਕਸ)]
ਪੈਰਾਮੀਟਰ
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| ਸੂਚੀ ਵਿੱਚ ਨੋਡ ਦੀ ਸੰਖਿਆ (ਇੰਡੈਕਸ) |
ਲਾਜ਼ਮੀ ਨੋਡ ਉਨ੍ਹਾਂ ਦੀ ਪ੍ਰਾਪਤੀ ਦੀ ਕਿਸਮ ਨੂੰ ਕਰਕੇ ਕਰਨ ਵਾਲੇ ਕਰਦੇ ਹਨ ਸੰਖਿਆ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ |
ਵਾਪਸ ਵਾਲਾ ਮੁੱਲ
| ਇੰਟਰਵਲ | ਵਰਣਨ |
|---|---|
| ਆਬਜੈਕਟ | ਸੰਕੇਤ ਸਥਾਨ ਦਾ ਨੋਡ |
| null | ਜੇਕਰ ਸੰਖਿਆ ਪ੍ਰਾਪਤ ਨਹੀਂ ਹੁੰਦੀ ਹੈ ਤਾਂ |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
nodelist.item() ਹੈ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ
ਸਾਰੇ ਆਧੁਨਿਕ ਬਰਾਉਜ਼ਰਾਂ ਇਹ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:
| ਚਰਮੋਸ | ਆਈਈ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|---|
| ਚਰਮੋਸ | ਆਈਈ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
| ਸਮਰਥਨ | 9-11 | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
ਸਬੰਧਤ ਪੰਨੇ
- ਪਿੱਛਲਾ ਪੰਨਾ forEach()
- ਅਗਲਾ ਪੰਨਾ keys()
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ HTML DOM NodeList
