在JavaScript中获取节点的所有子节点

Question

我想让所有<p>孩子。

HTML：

<p id="p">nodlist is an <i> ordered <b>collection of node</b> objects that are </i>children of the current element.<font color="blue"> If the element</font> has no children, then contains no node.</p>

JavaScript的：

var childrens = [];

function getchilds(node){       

    if(node.nodeType == 1){
    var childnodes = node.childNodes;

        for(i=0; i<childnodes.length; i++){

            var child = childnodes[i];
            if(child.nodeType == 1)
            getchilds(child);

       }
    }else
    childrens.push(node);
}

var childnodes = document.getElementById('p').childNodes;       
for(i=0; i<childnodes.length; i++){

    getchilds(childnodes[i]);

}

但是childrens[]是：

0：nodlist是一个

1：订购

2：节点集合

3：是

4：没有子节点，则不包含节点。

children of the current element以及If the element已丢失，并且当我将<a>元素（如<a href="url"> link </a>到p标签时，脚本将陷入无限循环。

Answer 1

看起来您正在循环中使用全局变量i ，这意味着从内部函数调用返回时您将丢失元素。 更改为

for(var i=0; i<childnodes.length; i++){

在两个循环中。