Use javascript to count immediate child elements of an element

Question

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.

va         


        

Answer 1

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