列表的直接孩子

Question

一个简单的问题..什么是JAVASCRIPT语句来获取LIST的直接孩子？我试过了：

document.getElementById(id).getElementsByTagName('li');

给了我所有的子节点。

Answer 1

循环：

document.getElementById(id).children

获取li元素（我认为它们都应该符合规范）

---

我认为如果支持它document.querySelectorAll('#id>li')也应该有效。看到： http://www.w3.org/TR/selectors-api/

Answer 2

Node.childNodes或Element.children

var listItems = [];

var children = elem.childNodes;
for(var i = 0; i < children.length; i++) {
    if(children[i].nodeName == "LI") {
        listItems.push(children[i]);
    }
}

Answer 3

相同的代码更快＆amp;更好。

var listItems = [];
var children = element.childNodes;
for(var i = 0, l=children.length; i<l; ++i) {
    var child = children[i];
    if(child.nodeType === 1 && child.tagName === "LI") {
        listItems.push(child);
    }
}