dom_dom0400_003

次のうち、最初の子要素の前に新しい要素を追加する方法はどれですか？

  1. parent.append(newElement);
  2. parent.prepend(newElement);
  3. parent.insert(newElement, parent.firstChild);
  4. parent.before(newElement);
正解
  1. parent.prepend(newElement);
解説

prepend()は要素を親の最初に挿入します。insertBefore(newElement, parent.firstChild)も同様の結果になります。

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

[ javascript ]

const newElement = document.createElement("span");
newElement.textContent = "先頭に追加";
document.body.prepend(newElement);