最新のWeb開発のチュートリアル
 

HTML DOM getElementsByTagName() Method

<ドキュメントオブジェクト

例

指定されたタグ名を持つドキュメント内のすべての要素を取得します。

var x = document.getElementsByTagName("LI");
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

getElementsByTagName()メソッドは、オブジェクトのNodeListとして、指定されたタグ名を使用して文書内のすべての要素のコレクションを返します。

NodeListオブジェクトは、ノードの集合を表します。 ノードは、インデックス番号によってアクセスすることができます。 インデックスは0から始まります。

ヒント：parametervalue "*" 、ドキュメント内のすべての要素を返します。

ヒント：あなたが使用することができ、長さ 、あなたはすべての要素をループして、必要な情報を抽出することができ、指定されたタグ名を持つ要素の数を決定するためにNodeListオブジェクトのプロパティを。

ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
getElementsByTagName() 1.0 6.0 3.0 3.0 9.5

構文

document.getElementsByTagName( tagname )

パラメータ値

パラメーター タイプ 説明
tagname String 必須。 あなたが取得したい要素のタグ名

技術的な詳細

DOMバージョン： コアレベル1のドキュメントオブジェクト
戻り値： 指定されたタグ名を持つ要素の集合を表すNodeListオブジェクト、。 彼らはソースコードに表示される返されたコレクション内の要素がソートされています。
例

その他の例

例

どのように多くを見つける<li> （NodeListオブジェクトのlengthプロパティを使用して）文書にある要素：

var x = document.getElementsByTagName("LI").length;
»それを自分で試してみてください

例

最初のHTMLコンテンツに変更し<p>要素(index 0)ドキュメント内を：

document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
»それを自分で試してみてください

例

すべての背景色の変更<p>ドキュメント内の要素を：

var x = document.getElementsByTagName("P");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "red";
}
»それを自分で試してみてください

例

使用方法"*"パラメータを。

文書内のすべての要素を取得します。

var x = document.getElementsByTagName("*");
»それを自分で試してみてください

関連ページ

JavaScriptのリファレンス： 要素 。 getElementsByTagName()

JavaScriptのチュートリアル： JavaScriptのHTML DOMノードリスト

<ドキュメントオブジェクト