<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
タグ内のすべての該当要素のリストを取得できます。
取得したリストからは、配列の引数に配列要素番号か名前またはID属性値を指定できます。
<script type="text/javascript"> function setValues(){ document.getElementsByTagName("input")[0].value = "getElementsByTagNameテキスト1"; document.getElementsByTagName("input")["text2"].value = "getElementsByTagNameテキスト2"; document.getElementsByTagName("textarea")[0].value = "getElementsByTagNameテキストエリア"; } </script> </body>
body
タグ内のすべてのタグ要素を取得することです。従って、期待したform内に限ったものではないということです。