JavaScript Element children Property

const myElement = document.getElementById("foo");
for (const child of myElement.children) {
  console.log(child.tagName);
}
// P
// SPAN

const list = document.getElementById("list");
const kids = list.children;

console.log(kids.length);                 // 3
console.log(kids[0].textContent);         // "One"
console.log(kids.item(kids.length - 1).textContent); // "Three"

const box = document.getElementById("box");
const kids = box.children;

console.log(kids.length); // 1
box.appendChild(document.createElement("span"));
console.log(kids.length); // 2
console.log(kids[1].tagName); // "SPAN"