NodeIterator.nextNode()方法將NodeIterator設置為文檔中的下一個節點，並返回nextNode。 nextNode()的第一次調用返回集合中的第一個節點。
當集合中沒有剩餘節點時，此方法返回null。
用法:
node = nodeIterator.nextNode();
參數：此方法不帶參數。
返回值：此方法返回集合中的下一個節點。
例：在此示例中，我們將創建一個節點迭代器，因此將使用nextNode()方法進行迭代。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>HTML | DOM nextNode() Method</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>
HTML | DOM nextNode() Method
</p>
<button onclick = "Geeks()">
Click Here
</button>
<p id="a"></p>
<script>
var a = document.getElementById("a");
function Geeks(){
const nodeIterator = document.createNodeIterator(
document.body,
NodeFilter.SHOW_ELEMENT
)
let nextNode=nodeIterator.nextNode();
nextNode=nodeIterator.nextNode();
nextNode=nodeIterator.nextNode();
a.innerHTML =
'Next Node content is:'+nextNode.textContent;
console.log(nextNode);
}
</script>
</body>
</html>輸出：
單擊按鈕之前：
單擊按鈕後：
在控製台中：在控製台中，可以看到下一個節點。
支持的瀏覽器：
- 穀歌瀏覽器
- Edge
- Firefox
- Safari
- Opera
- IE瀏覽器
注：本文由純淨天空篩選整理自 HTML DOM NodeIterator nextNode() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。