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:

javascriptconsole.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:

javascriptfor (let node of elem.childNodes) {
  console.log(node);
}

html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>