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

我可以得到一个元素的所有后代的计数，但我似乎无法仅针对直接的孩子。 这就是我现在所拥有的。

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++; } }