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

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

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

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

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

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

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

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

最初のパラメータとしてセレクタを、2番目のパラメータとしてテキストを受け取る関数 appendText を作成してください。この関数が渡された要素の末尾にテキストを追加するようにしてください。