JavaScriptにおけるノードのループ処理
既にご存知の通り、children プロパティには、
ある要素の直接の子であるすべてのDOM要素が含まれています。
これと同様のプロパティ childNodes が存在し、
これには要素のすべての子ノードが含まれています。
例えば、このプロパティを使って 要素から様々なノードを出力してみましょう:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
では、ループを使って要素のノードを反復処理してみましょう:
for (let node of elem.childNodes) {
console.log(node);
}
以下のdiv要素が与えられています:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
このdivのすべてのノードをループで反復処理し、 コンソールに出力してください。