xxxxxxxxxx
// Get the parent element
var parentElement = document.getElementById("parentId"); // Replace "parentId" with the actual ID of the parent element
// Get all the child elements
var childElements = parentElement.children;
// Iterate through the child elements
for (var i = 0; i < childElements.length; i++) {
// Do something with each child element
console.log(childElements[i]);
}
xxxxxxxxxx
/* SELECT using PARENT.childNodes */
let allChildren = document.querySelector("#parentSelector").childNodes
/* PRINT */
for(let i=0; i < allChildren.length; i++) {
console.log("Child #", i + 1, allChildren[i])
}
xxxxxxxxxx
var child_element = document.querySelector("#id").children[0];
//Where # defines id and '.' a class. And 0 argument the first child element
var child_element = document.querySelector("#id").children //get all children
xxxxxxxxxx
var parent = document.getElementById('test');
var children = parent.getElementsByClassName('four');