構文 |
|
| document.getElementsByName(要素名).属性 |
要素名 |
|
| name属性で設定した要素名 |
|
|
説明
- 要素内でname属性を使って，要素の識別子として設定した要素名を使い，要素を特定する。HTML要素やstyle要素は，documentオブジェクト・ノードの子ノードになるので，「document.getElementsByName(要素名)」として設定する。「getElementsByName()」の後にその要素が持っている属性を設定すると，属性の値を取得したり，属性に値を設定したりするので，値を変更できる。
- 用例では，name属性を使い「namae」という要素名を付けた要素数を，lengthプロパティを使って取得している。
- 「getElementsByName」は，FirefoxやNetscapeなどのMozilla系ブラウザ，Internet Explorerのどちらでも，IDとNAMEを間違えるなどのバグがある。この場合でも，name属性をJavaScriptのオブジェクト名として使用する，JavaScriptの用法を使えば機能する。
- Internet Explorerは，バージョン5以降，Mozilla系ブラウザではNavigator6.0以降で対応。
用例
name属性を使って「namae」と要素名を設定した要素の値を取得し書き出す。
<html><head>
<mata http-equiv="Content-Script-Type" content="text/javascript">
<mata http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
<!--
body { background-color: #ffffff }
-->
</style>
</head>
<body>
*getElementsByNameメソッド
<hr>
<div>
<input type="radio" name="namae" value="1">選択肢1
<input type="radio" name="namae" value="2">選択肢2
</div>
<div class="namae">・・・</div>
<div class="namae">・・・</div>
<script type="text/javascript">
<!--
document.write("name要素「namae」の数：");
document.write(document.getElementsByName("namae").length);
//-->
</script>
</body></html>
この用例を実行する
