遍历DOM树

时间 2019-11-24

标签遍历 dom 栏目 HTML 繁體版

原文原文链接

function traverseDOM(element,callback){
    callback(element);
    element=element.firstChild;
    while(element){
        traverseDOM(element,callback);
        element=element.nextElementsibling;
    }
}
const subTree=document.getElementbyId('subTree');
traverseDOM(subTree,function(element){
　　assert(element !==null, element.nodeName);
});

经过递归语法实现遍历dom树node

function* traverseDOM(element){
　　yield element;
　　element = element.firstChild;
　　while(element){
　　　　yield* traverseDOM(element);
　　　　element = element.nextElement.sibling;
　　}
}
const subTree= document.getElementbyId('subTree');
for(element of traverseDOM(subTree)){
　　assert(element !==null,element.nodeName);
}

经过生成器实现遍历dom树dom

//本身测试的时候能够把assert 函数改为console.log()函数。函数

//但愿天天都能进步一点点测试