Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

やりたいこと

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 = ""

感想

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

tsumasakky
自社WebアプリケーションのSE(開発、販売、営業) -> Webアプリケーション受託開発のPG ※ 記事の内容は個人の見解であり所属する組織の公式見解ではありません。(当然ながら)
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away