わびさびサンプルソース

WindowsやHTML5などのプログラムのサンプルコードやフリーソフトを提供します。

指定した'name'属性を持つエレメントの取得

指定した'name'属性を持つエレメントを取得するには、document.getElementsByName()関数を使用します。 引数に名前を渡すと'name'属性にその名前を持つエレメントのリストが取得できます。 同一のname属性を持つエレメントが複数あった場合は全て取得します。 取得できた数は、lengthプロパティに格納されます。

<!doctype html>
<html>
<head>
<meta charset="UTF-8"> 
</head>
<body>
<div name="test" >こんにちはA</div>
<div name="test" >こんにちはB</div>
<script type="text/javascript" language="javascript">
<!--
var elements = document.getElementsByName( "test" );
document.write( "name=¥"test¥"の数 = " + elements.length + "<br/>¥r¥n" );
for ( var i = 0; i < elements.length; i++ ) {
	var element = elements[ i ];
	document.write( ( i + 1 ) + "つ目のエレメントの中身 = " + element.innerHTML + "<br/>¥r¥n" );
}
// -->
</script>
</body>
</html>

実行結果

こんにちはA
こんにちはB
name="test"の数 = 2
1つ目のエレメントの中身 = こんにちはA
2つ目のエレメントの中身 = こんにちはB





わびさびサンプルソース

WindowsやHTML5などのプログラムのサンプルコードやフリーソフトを提供します。