dom_dom0800_006

innerHTMLを利用すると、既存の子要素が( A )される可能性があるため、動的なリスト追加には( B )を使うのが安全である。

解答

A: 破棄
B: createElement

解説

innerHTMLは再構築されるためイベントリスナーや状態が失われる危険がある。createElementなら安全に追加できる。

使用例(サンプルコード)

[ javascript ]

// innerHTML だと既存イベントが消える
list.innerHTML += "<li>New</li>";

// createElementなら安全
const li = document.createElement("li");
li.textContent = "New";
list.appendChild(li);