DOM要素グループ操作用関数

次に、パラメータとして要素グループのセレクタと新しいテキストを受け取り、そのセレクタに一致する全ての要素に新しいテキストを設定する関数を作成してみましょう。

説明した関数を実装します：

javascriptfunction setText(selector, text) {
  let elems = document.querySelectorAll(selector);
  
  for (let elem of elems) {
    elem.textContent = text;
  }
}

次のグループの要素でテストしてみましょう：

html<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>

クラス elem を持つ全ての要素に新しいテキストを設定します：

javascriptsetText('.elem', 'text');