js简单算法——寻找文档中所有元素节点

这是我今天遇到的一个问题。我们有一个保存功能,因为我们这个系统会自动分给所有的标签id的值,所以我们只要获取到所有元素的id,就能访问到元素内部的信息,其实访问所有内部的信息都是次要的事情,关键是访问所有的元素节点。

那么如何访问所有的元素节点呢,而且在于我们根本不知道有多少节点,节点里面还会继续嵌套节点,乍一看,好像是个很艰巨的任务。但是我们想到了递归。

window.οnlοad=function(){
		var aa=[];
		var one=document.getElementById('one');
		function fin(obj){
			for(var i=0;i<obj.childNodes.length;i++)
			{var that=obj.childNodes[i];
				if(that.nodeType==1)
				{		
					var t= that.getAttribute('id');
					aa.push(t);	
                                        fin(that);	
					}
				}
			}	
		fin(one);	
		console.log(aa);
		}

我们给body加上了一个id=“one”,那么我们就可以获取到整个body体里面所有节点的id,当然如果没有id也没关系,因为这样的方法可以遍历整个body体里面所有的节点,无论这个body里面有多少嵌套的元素,都能访问到。其实js算法在我眼里算是个新的东西。还要继续研究,对这个有看法的小伙伴可以私信我,共同进步。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值