- ベストアンサー
特定のclassを指定してonclickを使ったイベントを発生させる
特定の要素(例:<div id="mein">)の中にある、特定のclassを指定したリンクタグをクリックすることで、 onclickを使ったイベントを発生させたいのですが、この場合はjavascriptでどのように記述すればよいのでしょうか?
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
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>
お礼
pipiさんありがとうございます。 たいへん参考になりました!