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

HTML DOM getElementsByName() Method

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

指定された名前を持つすべての要素を取得します。

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

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


定義と使用法

getElementsByName()メソッドは、指定された名前を使用してドキュメント内のすべての要素のコレクションを返す(the value of the name attribute)のNodeListオブジェクトとして、。

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

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

注意:HTML5では、 "name"属性は廃止され、置き換えられている"id"多くの要素の属性。 使用した文書を。 getElementById()それが適切である方法。 また、見てgetElementsByClassName()getElementsByTagName()メソッド。


ブラウザのサポート

方法
getElementsByName() はい はい はい はい はい

構文

document.getElementsByName( パラメータ値
パラメーター タイプ 説明
name String 必須。 nameあなたが操作/アクセスしたい要素の属性値

技術的な詳細

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

例

その他の例

値とname属性を持つ文書にありますどのように多くの要素を見つける"animal" (NodeListオブジェクトのlengthプロパティを使用して):

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

すべてのチェック<input>の値とname属性を持っている文書の種類=「チェックボックス」を持つ要素"animal"

var x = document.getElementsByName("animal");
var i;
for (i = 0; i < x.length; i++) {
    if (x[i].type == "checkbox") {
        x[i].checked = true;
    }
}
»それを自分で試してみてください

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