遍历元素节点树（在原型链上编程）

Pumpkin~

于 2019-05-16 19:49:47 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js，es6

本文链接：https://blog.youkuaiyun.com/qq_37635519/article/details/90270685

js，es6 专栏收录该内容

27 篇文章

订阅专栏

本文通过一个具体的HTML代码示例，深入探讨了如何使用JavaScript遍历和获取网页中的所有元素。通过对DOM树的递归操作，我们可以收集到页面上的每一个节点信息，这对于理解网页布局和进行前端开发调试具有重要的意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
 	<div>
 		<div>
 			<span>
 				<a href="" title=""></a>
 			</span>
 		</div>
 		 <span></span>
 	</div>
 	<div>
 		<div>
 			<div>
 				<span></span>
 			</div>
 		</div>
 	</div>
	var div=document.getElementsByTagName("div")
 	var a=[];
 	 HTMLElement.prototype.allElements=function(){
 	 	
 	 	var dom=this
 	 	for(var i=0;i<dom.children.length;i++){
 	 		a.push(dom.children[i])
 	 		if(dom.children[i].hasChildNodes()){
 	 			// console.log(this.children[i].children[i])

 	 			 dom.children[i].allElements();
 	 		}
 	 		 
 	 		 
 	 	}
	   return a;

	}