English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM getElementsByTagName() メソッド

HTML DOM Documentオブジェクト

getElementsByTagName()方法は、指定されたタグ名を持つオブジェクトの集合を返します。

リスト内の要素は、ソースコード内での出現順序に従ってソートされます。

インデックス番号で返されたリストにアクセスできます。インデックスは0から始まります。

配列のlength属性は指定されたタグ名を持つ要素の数を決定し、その後すべての要素を巡回して必要な情報を抽出することができます。

文法:

document.getElementsByTagName(tag)
var x = document.getElementsByTagName("p");
テストを見て‹/›

ブラウザの互換性

すべてのブラウザはgetElementsByTagName()メソッドを完全にサポートしています:

メソッド
getElementsByTagName()

パラメータの値

パラメータ説明
tag取得したい要素のタグ名。

技術的詳細

返り値:指定されたタグ名を持つすべての要素に似た配列のオブジェクトを返します
DOMバージョン:DOMレベル1

さらに多くの例

ドキュメント内のすべてのパラグラフ要素の背景色を変更する:

var x = document.getElementsByTagName("p");
for(let i = 0; i < x.length;++) {
   x[i].style.backgroundColor = "coral";
}
テストを見て‹/›

関連リファレンス

DOM Document querySelector()メソッド

DOM Document querySelectorAll()メソッド

DOM Document getElementById()メソッド

DOM Document getElementsByClassName()メソッド

HTML DOM Documentオブジェクト