ホームページ >バックエンド開発 >PHPチュートリアル >jsでCSSクラス名を変更する方法
jsでCSSクラス名を変更する方法
- WBOYオリジナル
- 2016-06-13 13:52:36840ブラウズ
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 までご連絡ください。