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

发布于 2024-11-01 21:32:34 字数 341 浏览 3 评论 0原文

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

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

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

等效的 jQuery 是：

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

但我只需要执行此 javascript。

原文

I can get the count of all descendants of an element, but I can't seem to target just the immediate children. Here's what I have at the moment.

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

I've played with other stuff and different syntax, but I can't seem to get it.

The jQuery equivalent would be:

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

But I need to do this javascript only.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

薄荷梦 2024-11-08 21:32:34

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

Use the DOM selector interface (querySelectorAll).

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

If you want a backwards compatible solution, loop through childNodes and count element nodes.

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

回复收藏 0 原文

~没有更多了~