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