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.
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++;
}
}
Node.ELEMENT_NODE with the integer 1.node.nodeType, and node.nodeName and see if they match 1 and "SECTION" respectively.