document.getElementsByName( name )は、引数「name」に指定したname属性値を持つ全ての要素への参照を格納した配列を返すメソッド。
構文
var $elementsList = document.getElementsByName( name );
引数
- name
- name属性値を指定。
戻り値
指定したname属性値を持つ全ての要素への参照を格納した配列。要素リスト。
サンプル
サンプルの動作について
「sampleA()」ボタンをクリックすると、ボタンの下に「１」「２」「３」と一行づつ表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleA() {
var $sampleA = document.getElementsByName( "sampleA" );
$sampleA[0].innerHTML = "１";
$sampleA[1].innerHTML = "２";
$sampleA[2].innerHTML = "３";
}
</script>
function sampleA() {
var $sampleA = document.getElementsByName( "sampleA" );
$sampleA[0].innerHTML = "１";
$sampleA[1].innerHTML = "２";
$sampleA[2].innerHTML = "３";
}
</script>
HTML
<button onclick="sampleA();">sampleA()</button>
<p name="sampleA"></p>
<p name="sampleA"></p>
<p name="sampleA"></p>
<p name="sampleA"></p>
<p name="sampleA"></p>
<p name="sampleA"></p>