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

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);
}

関連ラベル：

class div gt lt quot

ソース：php.cn

前の記事：thinkphp テンプレートの使用に関する問題 次の記事：Web サイトの改訂、PHPcms の使用 (緊急) ソリューション

このウェブサイトの声明

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

著者別の最新記事

• BlackRock Labels BTC a Unique Diversifier
  2024-09-20 15:51:33
• Internet Computer (ICP) Price Prediction: Will ICP Price Hit $24?
  2024-09-20 15:47:32
• Worldcoin (WLD) Price Prediction 2022-23
  2024-09-20 15:45:32
• 今日投資すべきトップミームコイン
  2024-09-20 15:39:32
• Floki (FLOKI) 価格予測: 刷新されたマーケティングは Floki が 10 月の利益を取り戻すのに役立ちますか?
  2024-09-20 15:38:32
• Next Cryptocurrency to Explode: 5 Coins to Add to Your Watchlist
  2024-09-20 15:27:32
• Dogecoin: From an Internet Meme to a Digital Currency with a Billion-Dollar Market Capitalization
  2024-09-20 15:26:32
• ZChains Unveils a Series of Exciting Updates and Launches to Enhance Its Ecosystem
  2024-09-20 15:12:32
• Apple 版の Little Fox Payment Platform をダウンロードする方法
  2024-09-20 14:53:01
• 初心者がMetaMaskで取引する方法とその利点と欠点
  2024-09-20 14:51:01

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

2

1429

PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...

から 2024-04-16 09:34:16

0

0

4687

ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...

から 2024-04-06 21:58:04

0

1

800

Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...

から 2024-04-06 21:28:37

0

1

2257

Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...

から 2024-04-06 20:57:16

0

1

487

関連トピック

詳細>

• divスクロールバー
• 2つのdivを並べて表示する方法
• divとspanの違い
• divタグの使い方
• C言語でクラスとは何を意味するのでしょうか？
• divテキストを垂直方向に中央揃えにする方法
• CSSのdivの意味
• VBを接続してデータベースにアクセスする方法