dom_dom0400_001

新しい<li>要素を作成してテキストを設定するには、document.( A )(‘li’)で要素を作り、li.( B ) = ‘項目’のように内容を入れる。

解答

A: createElement
B: textContent

解説

DOMで要素を新規に作る基本はdocument.createElement(tagName)。作成直後の要素に文字列を入れる最も安全な方法はtextContentで、HTMLを解釈させない。

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

[ html ]

<ul id="list"></ul>
<script>
  const li = document.createElement('li');
  li.textContent = '項目';
  document.getElementById('list').appendChild(li);
</script>