A要素の子要素を全て削除する方法


したいこと

  • Aという要素の子要素全てを削除する

実装

const A = document.getElementById("a");

while(A.firstChild()) {
  A.removeChild(A.firstChild);
}

解説

  • while(condition) {statement}
    • condition (条件)が true の間、statement(プログラム)を実行するループを作成する
    • conditionstatement を実行する前に確認される
  • firstChild()
    • Node インターフェイスのメソッド
    • 読み取り専用プロパティ
    • ツリー内におけるノードの最初の子を返す
    • ない場合は null を返す
  • removeChild()
    • Node インターフェイスのメソッド
    • 子ノードをDOMから取り除き、取り除いたノードを返す