スポンサーサイト

Continue reading

タグ :

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

DOMイベントモデル

  • Posted by: javascriptmania
  • 2011-05-23 Mon 09:01:04
  • DOM
イベントをJavaScriptで操作する方法に関してはイベントハンドラを学習しましたが、今回はDOMを使う方法を学びます。イベントハンドラはHTMLファイルにJavaScriptコードを記述する方法で、直観的で分かりやすいという特徴があります。しかしHTMLとJavaScriptは本来別物であり、あまり混在させるのは望ましくないと考えると、HTMLとJavaScriptは完全に切り離すべきではないかということになります。HTMLの中にJavaScriptを記述せず...Continue reading

タグ :

getElementById()

  • Posted by: javascriptmania
  • 2011-05-19 Thu 22:34:59
  • DOM
getXXX()関係のメソッドの総仕上げとして、getElementById()メソッドを解説します。実は、このメソッドは使い方が簡単で、他のメソッドよりもよく使われるといえます。getElementById( id値 )では、前回のサンプルコードのA要素に id値を設定してメソッドを使ってみましょう。<html><head> <title> </title><script type="text/javascript">function web(){ var yahoo=document.getElementById('ya...Continue reading

タグ :

getElementsByTagName()

  • Posted by: javascriptmania
  • 2011-05-19 Thu 22:02:54
  • DOM
name属性が設定されていない場合に、要素名(タグの名前)から要素を返すこともできます。getElementsByTagName('タグの名前')getElementsByName()メソッドと同様に、同じ名前のタグは複数あるのが通常なので、このメソッドを実行するとリストが返されます。そしてこのリストの中から、item()メソッドでどのタグを指定したいか特定します。では、サンプルコードで使い方を見てみましょう。...Continue reading

タグ :

getElementsByName()

  • Posted by: javascriptmania
  • 2011-05-19 Thu 21:35:52
  • DOM
name属性を利用してオブジェクトを特定する方法として、getElementsByName()メソッドを使う方法もあります。getElementsByName( name )このメソッドの使い方理解するために、以下のサンプルコードを見てください。<html><head> <title> </title><script type="text/javascript">function hello(){ var list=document.getElementsByName('mybox'); var msg=list.item(1); alert(msg.value);}</sc...Continue reading

タグ :

オブジェクトの特定方法 (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...Continue reading

タグ :

  • 閉じるボタン
月別アーカイブ
リンク
カテゴリ
RSSリンクの表示
QRコード
QR
最新コメント
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。