document.getElementsByName( name )メソッド

document.getElementsByName( name )は、引数「name」に指定したname属性値を持つ全ての要素への参照を格納した配列を返すメソッド。

構文

var $elementsList = document.getElementsByName( name );

引数

name
name属性値を指定。

戻り値

指定したname属性値を持つ全ての要素への参照を格納した配列。要素リスト。

サンプル

サンプルの動作について

「sampleA()」ボタンをクリックすると、ボタンの下に「1」「2」「3」と一行づつ表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sampleA() {
    var $sampleA = document.getElementsByName( "sampleA" );
    $sampleA[0].innerHTML = "1";
    $sampleA[1].innerHTML = "2";
    $sampleA[2].innerHTML = "3";
}
</script>

HTML

<button onclick="sampleA();">sampleA()</button>
<p name="sampleA"></p>
<p name="sampleA"></p>
<p name="sampleA"></p>

スポンサード リンク

カテゴリー: Documentオブジェクト, DOM, JavaScript, メソッド, リファレンス, 参照, 逆引き パーマリンク