スポンサーサイト





上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

  • Comments (Close): -
  • TrackBack (Close): -

オブジェクトの特定方法 (2)

  • Posted by: javascriptmania
  • 2011-05-19 Thu 20:54:21
  • DOM




実際は、form要素などには名前(name属性)がついており、これを使ってオブジェクトを特定する方法もあります。

<html>

<head> <title> </title>

<script type="text/javascript">

function hello(){
var msg=document.myform.mybox.value;
alert(msg);
}

</script>


</head>

<body>

<form name="myform">

<input type="text" name="mybox" value="Hello">
<input type="button" value="クリック" onclick="hello()">

</form>

</body>

</html>


上の例では、formに「myform」という名前をつけ、テキストボックスに「mybox」という名前をつけました。

テキストボックス mybox の値を特定するには、

document.myform.mybox.value;

のようにすることができます。

要素の番号で特定するよりも分かりやすいという特徴があります。

関連記事

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

Comments:

Comment Form
Only inform the site author.

Trackback+Pingback:

TrackBack URL for this entry
http://javascriptmania.blog111.fc2.com/tb.php/45-162c04c7
  • 閉じるボタン
月別アーカイブ
リンク
カテゴリ
RSSリンクの表示
QRコード
QR
最新コメント
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。