JavaScriptのchildNodesにforEachを適用するときはArray.fromを使う
JavaScript
30 Jul 2019

JavaScriptのchildNodesにforEachを適用するときはArray.fromを使う

childNodes は配列でなく、そのままでは forEach を適用できない。下のように Array.from に入れると forEach が使える。

次のコードでは main の子要素をすべて削除している。

const main = document.getElementById('main');
Array.from(main.childNodes).forEach(function (a) {
    a.remove();
})

Array.from は ES2015 から使える。