こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

特定のクラスのバック地をマウスオーバーで色替えする方法

クラス名がついた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名がついたもののみに反映させたいのです。

初心者でやり方が分からなかったのでご質問させていただきました。
宜しくお願いいたします。

投稿日時 - 2008-08-01 11:40:23

QNo.4219763

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.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>

投稿日時 - 2008-08-03 10:18:07

あなたにオススメの質問