JavaScriptにおけるDOM要素操作関数

ここでは、DOMに対して何らかの操作を行うヘルパー関数の作り方を学びます。 例えば、第一引数に要素のidを、第二引数に要素のテキストを受け取り、 その要素に新しいテキストを設定する関数を作ってみましょう。

以下がその関数です：

javascriptfunction setText(id, text) {
  let elem = document.getElementById(id);
  elem.textContent = text;
}

それでは、この関数の動作を試してみましょう。 以下の2つの段落があるとします：

html<p id="elem1"></p>
<p id="elem2"></p>

作成した関数を使って、これらの段落のテキストを変更してみましょう：

javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');