Element: getElementsByTagName() メソッド
Element.getElementsByTagName()
メソッドは、生きた HTMLCollection
で指定されたタグ名を持つ要素を返します。
この要素のすべての子孫が検索されますが、要素そのものは検索されません。返されるリストは生きており、 DOM ツリーとともに自動的に更新されます。したがって、同じ要素と引数で Element.getElementsByTagName()
を繰り返し呼び出す必要はなく、呼び出しの間に DOM が変化しても大丈夫です。
HTML 文書内の HTML 要素に対して呼び出された場合、 getElementsByTagName
は引数を小文字に変換してから検索を行います。これは、HTML 文書内のキャメルケースの SVG 要素(例えば <linearGradient>
)と照合しようとする場合には望ましくありません。代わりに、 Element.getElementsByTagNameNS()
を使ってください。この場合、タグ名の大文字と小文字は区別されます。
Element.getElementsByTagName
は Document.getElementsByTagName()
に似ていますが、指定した要素の子孫の要素のみを検索する点が異なります。
構文
js
getElementsByTagName(tagName)
引数
tagName
は検索する修飾名です。特別な文字列"*"
はすべての要素を表します。XHTML との互換性のため、小文字を使用してください。
返値
生きた HTMLCollection
で、タグ名が一致する要素が出現順で入ります。要素が見つからなかった場合は HTMLCollection
は空になります。
例
js
// テーブル内のセルの数だけ反復処理します
const table = document.getElementById("forecast-table");
const cells = table.getElementsByTagName("td");
for (const cell of cells) {
const status = cell.getAttribute("data-status");
if (status === "open") {
// データを取得
}
}
仕様書
Specification |
---|
DOM Standard # dom-element-getelementsbytagname |
ブラウザーの互換性
BCD tables only load in the browser