Traversing the DOM

Node.childNodes

Get the immediate descendants of an element, including text fragments and other non-element nodes.

<ul>
	<!-- The gray wizard -->
	<li>Gandalf</li>
	<li>Radagast</li>
	<li>Hermione</li>
	<!-- The surprise hero -->
	<li>Neville</li>
</ul>

let wizards = document.querySelector('ul');

// returns all nodes, including the comments
let descendants = wizards.childNodes;

⏰ Preorder my new course on Web Components! Want to learn how to build Web Components from scratch, master best practices, and more? Preorder today and get $100 off of the launch price.

Find this useful? You can support my work by purchasing an annual membership.