这是我今天遇到的一个问题。我们有一个保存功能,因为我们这个系统会自动分给所有的标签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算法在我眼里算是个新的东西。还要继续研究,对这个有看法的小伙伴可以私信我,共同进步。