JS遍历DOM树

遍历页面中的DOM树,输出所有标签

	var root=document.documentElement;
    function forDOM(root) {
        console.log(root.nodeName);
        var children=root.children;
        forChild(children);
    }
    function forChild(node) {
        for (var i = 0; i < node.length;i++){
            node[i].children&&forDOM(node[i])
        }
    }
    forDOM(root);

JS遍历DOM树_第1张图片

  • forDOM函数:
    输出节点名称,获取节点的子节点,调用forChild节点
  • forChild函数:
    给定节点,倘若他的子节点存在,继续遍历子节点forDOM()

你可能感兴趣的:(JS遍历DOM树)