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