- 締切済み
特定のクラスのバック地をマウスオーバーで色替えする方法
クラス名がついたJavascriptでマウスオーバー時のバック地の色を変更する方法をさがしています。 現在、タグに対するマウスオーバー時のバック地の色替え方法は分かっいます。 ******************************************************************** window.onload = function(){ //登録フォームのテーブル(td)の色を変化させる var tdTag = document.getElementsByTagName('td'); for (var i=0; i<tdTag.length; i++){ tdTag[i].onmouseover = function(){ this.style.backgroundColor = '#f8f8f8'; } tdTag[i].onmouseout = function(){ this.style.backgroundColor = '' } } } ************************************************************** 上記は[ td ]タグに対する色替えで、テーブルのtdタグ全てに反映されてしまいますが これをクラス名もしくはid名がついたもののみに反映させたいのです。 初心者でやり方が分からなかったのでご質問させていただきました。 宜しくお願いいたします。
- nonchan000
- お礼率53% (35/66)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<html> <head><style>.a{color:blue;} .b { color:red; }</style></head> <body> <div id="aa" class="a">abc</div> <div id="bb" class="b">abc</div> <div class="a">abc</div> <div class="b">abc</div> <div class="a">abc</div> <script> allobj=document.all || document.getElementsByTagName('*'); for(i in allobj){ if(allobj[i].className=="b"){ with(allobj[i]){ onmouseover = function(){ this.style.backgroundColor='blue';} onmouseout = function(){ this.style.backgroundColor='red';} } } } </script> </body> </html>
