nodeIterator 元素遍历

最新推荐文章于 2022-09-20 17:14:40 发布

x_l_x

最新推荐文章于 2022-09-20 17:14:40 发布

阅读量415

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_42740745/article/details/84302356

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文介绍了一种使用NodeIterator API遍历HTML文档中特定类型节点的方法。通过创建一个NodeIterator并设置过滤条件为仅显示元素节点，可以逐个访问文档中的所有元素，示例代码展示了如何获取div下所有子元素的标签名。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>nodeIterator</title>
<script type="text/javascript">
	window.onload = function() {
		var div = document.getElementById("div1");
		var iterator = document.createNodeIterator(div,
				NodeFilter.SHOW_ELEMENT, null, false);
		var node = iterator.nextNode();
		while (node !== null) {
			alert(node.tagName);
			node = iterator.nextNode();
		}
	}
</script>
</head>
<body>
	<div id="div1">
		<p>
			<b>Hello</b> world!
		</p>
		<ul>
			<li>List item 1</li>
			<li>List item 2</li>
			<li>List item 3</li>
		</ul>
	</div>
</body>
</html>