querySelectorAllメソッド
querySelectorAllメソッドを使用すると、
任意のCSSセレクターでページ上の要素を
取得できます。取得した要素に対しては、
テキスト、属性、CSSスタイルなどを変更するなど、
様々な操作を行うことができます。
構文
document.querySelectorAll(selector);
例
クラスwwwを持つすべての要素を取得し、
textContentプロパティを使用して
テキストを変更してみましょう：
<p class="www">要素 1</p>
<p class="www">要素 2</p>
<p class="www">要素 3</p>
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
elem.textContent = '!!!';
}
コード実行結果：
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
関連項目
-
セレクターで単一の要素を取得する
querySelectorメソッド -
クラスで要素群を取得する
getElementsByClassNameメソッド -
タグ名で要素群を取得する
getElementsByTagNameメソッド
