js 遍历children

let element = document.getElementById('parentElement');
for (let i = 0; i < element.children.length; i++) {
    console.log(element.children[i]);
}

let element = document.getElementById('parentElement');
Array.prototype.forEach.call(element.children, function(child) {
    console.log(child);
});

let element = document.getElementById('parentElement');
[...element.children].forEach(child => {
    console.log(child);
});

let element = document.getElementById('parentElement');
for (let child of [...element.children]) {
    console.log(child);
}

let element = document.getElementById('parentElement');
let childrenArray = Array.from(element.children);

<div id="parentElement">
    <div class="child">Child 1</div>
    <div class="child">Child 2</div>
    <div class="child">Child 3</div>
</div>

let parentElement = document.getElementById('parentElement');
for (let child of [...parentElement.children]) {
    child.classList.add('highlight');
}