dom_dom0400_002

新しく作成した要素を既存の要素の末尾に追加する正しい方法はどれですか？

[ javascript ]

const p = document.createElement("p");
p.textContent = "追加するテキスト";
  1. document.body.add(p);
  2. document.body.appendChild(p);
  3. document.body.push(p);
  4. document.body.insert(p);
正解
  1. document.body.appendChild(p);
解説

appendChild()は指定した要素を親要素の最後に追加するメソッドです。append()も使えますが、従来からの標準的な方法はappendChild()です。

使用例（サンプルコード）

[ javascript ]

document.body.appendChild(p);