Formオブジェクト：getElementsByTagNameメソッドによる要素の取得

<body>
<form method="get" action="#">
<input type="text" name="text1" size="50" /><br />
<input type="text" name="text2" size="50" /><br />
<textarea name="text3" cols="50" rows="3"></textarea><br />
<input type="button" value="値をセット" onclick="setValues();" onkeypress="setValues(); return false;" />
<input type="submit" value="送信" /><br />
</form>
</body>





取得したい対象のタグ名を引数にして、bodyタグ内のすべての該当要素のリストを取得できます。

取得したリストからは、配列の引数に配列要素番号か名前またはＩＤ属性値を指定できます。

<script type="text/javascript">
function setValues(){
document.getElementsByTagName("input")[0].value = "getElementsByTagNameテキスト１";
document.getElementsByTagName("input")["text2"].value = "getElementsByTagNameテキスト２";
document.getElementsByTagName("textarea")[0].value = "getElementsByTagNameテキストエリア";
}
</script>
</body>
ただし、ここで注意して欲しいのは、bodyタグ内のすべてのタグ要素を取得することです。従って、期待したform内に限ったものではないということです。
TOPへ
ようこそオーガスの窓へ

IT用語辞典


 GOOGLE LOGO

inserted by FC2 system