javascript - 使用javascript计算元素的直接子元素

Question

我可以获得一个元素的所有后代的计数，但我似乎无法只针对直接 子元素。这是我目前拥有的。

var sectionCount = document.getElementById("window").getElementsByTagName("section").length;

我玩过其他东西和不同的语法，但我似乎无法理解。

等效于 jQuery 的是:

var sectionCount = $("#window > section").length;

但我只需要执行此 javascript。

Answer 1

使用 DOM 选择器界面 ( querySelectorAll )。

var selectionCount = document.querySelectorAll("#window > section").length;

如果你想要一个向后兼容的解决方案，循环遍历 childNodes 并计算元素节点。

var w = document.getElementById('window');
var count = 0; // this will contain the total elements.
for (var i = 0; i < w.childNodes.length; i++) {
    var node = w.childNodes[i];
    if (node.nodeType == Node.ELEMENT_NODE && node.nodeName == "SECTION") {
        count++;
    }
}