ホームページ  >  記事  >  バックエンド開発  >  jsでCSSクラス名を変更する方法

jsでCSSクラス名を変更する方法

WBOY
WBOYオリジナル
2016-06-13 13:52:36783ブラウズ

js を通じて CSS クラス名を変更します
例:




......

< /div> ;

ここで、マウスが


......
内のすべてのクラス名が新しい名前に変更されます。アドバイスをくれる専門家はいますか?

-----解決策---------
this.class='myclass' ;
------解決策---------

------解決策---------
div id="a" class="diva " onmouseover="changeclass()";>


......





------解決策---------
div id="a" class="diva " onmouseover="changeclass()";>


......




------解決策---------
div id="a" class="diva " onmouseover="changeclass()";>


......






これが正解です。

あなたが言及した効果では、CSS を記述するときにセレクターを使用する必要があります


例:
div.diva{
....
}
div.diva .div0{
....
}
div.diva .div1{
....
}

div. {
....
}
div.MyClassName .div0{
....
}
div.MyClassName .div1{
... 。
}
------解決策----------------------
この方法では、コンテナの親を変更するだけで済みます。 JSスタイルを通して、部下のスタイルも一緒に変わっていきます。
------解決策---------
function changeclass()
{
document.getElementById('b').class='myclass';//className(ie),class(ff);
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。