Lặp qua các nút DOM bằng vòng lặp trong JavaScript
Như bạn đã biết, thuộc tính children
chứa tất cả các phần tử DOM là con trực tiếp
của phần tử đó. Có một thuộc tính tương tự
là childNodes, chứa
tất cả các nút con của phần tử.
Hãy, ví dụ, sử dụng thuộc tính này để in ra các nút khác nhau từ phần tử của chúng ta:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Và bây giờ hãy lặp qua các nút của phần tử bằng vòng lặp:
for (let node of elem.childNodes) {
console.log(node);
}
Cho một thẻ div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Hãy lặp qua tất cả các nút của div này và in chúng ra console.
