[JS,jQuery]createElement('li')したのを削除したい場合どうすればよろしいでしょうか？

Question

前提・実現したいこと

ulの子要素をfor文でcreateElementしているのですが、
生成したliを削除又はliがない状態にしたい場合はどうすれば良いのでしょうか？

発生している問題・エラーメッセージ

liの削除方法がわかりません。。

該当のソースコード

for (let i = 0; i < legends.length; i++) {
            let li = document.createElement('li');
            li.textContent = legends[i];
            document.getElementById('legend').appendChild(li);
        }

試したこと

ar list_element = document.getElementById("legend");
list_element.remove();

をしたのですが、ulごと消えてしまします。
liのみを消したいです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[maisumakun]

<ul>の中には複数<li>があるかと思いますが、どれを消したいか探す方法は考えていますか？

[toyamal]

一旦全てのliを削除したいと思っております。

Answer 1

jQueryを使っていいなら、$('#legend').empty();とできます。

純粋なDOMで書くなら、お約束の書き方があります。

var list_element = document.getElementById("legend");
while(list_element.firstChild) list_element.removeChild(list_element.firstChild);

Comments

[toyamal]

度々ありがとうございます！
今回はjQueryを使用しました！
ありがとうございます。