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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。