JavaScriptでfor文を使わずに、<ul>の全ての子要素を消す方法


やりたいこと

JavasScriptリストに子要素があったら、その子要素を全て消したい!


index.html

<ul id="abc_list">

<li>a</li>
<li>b</li>
<li>c</li>
</ul>


やりたくないこと

要素分ループさせて、子要素をひとつずつ消していく

ちょこっと調べてみて一番回答の多かったのはこの方法でした。

・・・やりたくなかった。だっていついかなるときだって全部消すんだもん!

ひとつひとつのデータなんて意識せずにコード書きたい!!


index.js

var ul = document.getElementById("abc_list")

var ulLen = ul.children.length

for (var i = 0; i < ulLen; i++) {
ul.children[0].remove()
}



お気に入りの逸品


index.js

document.getElementById("abc_list").innerHTML = ""



感想

なんだ、簡単なことだったや!