• ベストアンサー

特定のclassを指定してonclickを使ったイベントを発生させる

特定の要素(例:<div id="mein">)の中にある、特定のclassを指定したリンクタグをクリックすることで、 onclickを使ったイベントを発生させたいのですが、この場合はjavascriptでどのように記述すればよいのでしょうか?

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

  • ベストアンサー
noname#84373
noname#84373
回答No.1

<html> <head><style>.a{background:#88f}.b{background:#f88}</style></head> <body> <div id="mein"> <a href="#" class="a">abc</a> <a href="#" class="b">def</a> <a href="#" class="a">ghi</a> <a href="#" class="b">jkl</a> </div> <script> window.onload = function(){ setEvent('mine','b'); } function setEvent(id,c_name){ obj = document.getElementById(id).getElementsByTagName('a'); for(i=0;i<obj.length;i++) if(obj[i].className==c_name) obj[i].onclick=hoge; } function hoge(){ alert( event.srcElement.innerHTML ); } </script> </body></html>

pizest
質問者

お礼

pipiさんありがとうございます。 たいへん参考になりました!

関連するQ&A

専門家に質問してみよう