HTMLページ内のタグに対してのイベント

2010/10/12 18:00

このQ&Aのポイント

HTMLページ内のタグに対してのイベントを実装する方法を知りたい。
getElementsByTagNameで指定したタグの要素をクリックした時に関数を呼び出す方法を教えてください。
タグ別にイベントを判定する方法を知りたい。

yukisin19
お礼率75% (21/28)

JavaScript
回答数3
ありがとう数5

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

nekomikekamo
ベストアンサー率73% (71/97)

2010/10/12 18:32 回答No.2

単純に直すと以下の通り？ window.onload = function(){ var imgs = document.getElementsByTagName("img"); for(var i=0;i<imgs.length;i+=1){ imgs[i].onclick = function(){ alert("これは画像です。"); } } }

質問者

お礼 2010/10/13 16:25

回答ありがとうございますまさにこういう書き方を知りたかったんです。 No.3様にご指摘いただいていましたが、 getElementsByTagNameで得られるのは配列だということを分かっていませんでした。今回のプログラムはこの書き方でいきたいと思います。ありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

fujillin
ベストアンサー率61% (1594/2576)

2010/10/12 18:59 回答No.3

＞ひとつひとつにIDを割り当てるというやり方でなくて、～～ element.onclick = ～～の方法だと、一つ一つにイベントを割り当てていく方法になります。（例示の場合、getElementsByTagNameは配列になるので、直接onclickではうまくいかない）どうせならまとめてひとつのイベントをドキュメントに設定しておけば、代用できると思いますよ。 No1様の方法と同じだけれど、簡略化バージョン。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>test</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> </head> <body> <div> <img src="a"> <img src="b"> </div> <div> <img src="c"> <img src="d"> </div> <script type="text/javascript">  </script> </body> </html>

質問者

お礼 2010/10/13 16:19

回答ありがとうございます。こちらは画像のパスも表示されるのですね。 No.1様のところでも書きましたが、もう少し勉強してから応用させて頂きたいと思います。ありがとうございました。

ログインすると、全ての回答が全文表示されます。

babu_baboo
ベストアンサー率51% (268/525)

2010/10/12 18:30 回答No.1

こもじで onclick 。 //@cc_on var Handler = function (evt) { var node = evt./*@if (1) srcElement @else@*/ target /*@end@*/; var doc = node.ownerDocument; var win = doc./*@if (1) parentWindow @else@*/ defaultView /*@end@*/; alert(node.nodeName); alert(node.tagName); alert(node.id); } document./*@if(1)attachEvent('on'+@else@*/addEventListener(/*@end@*/ 'click',Handler, false);

質問者