JS を使用して 1 つのページに複数の CSS スタイルを実装する_javascript スキル

ステップ 1:

など、スタイル シートに接続されている要素で ID を定義します。 コード をコピーします。 コードは次のとおりです。

,

私が定義した ID は次のとおりですcss。

ステップ 2: js 関数を作成します。コードは次のとおりです:

コードをコピーしますコードは次のとおりです。

この関数のコードはページ上のどこにでも配置できます。

ステップ 3: ページのスタイル シートを変更するための接続の関数トリガー イベントを追加します。コードは次のとおりです:

コードをコピーします コードは次のとおりです:

1.css2.css

この効果は IE と FF I の両方でテストされています。もちろん、この方法を使用すると、表示する必要があるスタイル シートを視聴者に選択させることができます。たとえば、高齢者は大きなフォントのスタイル シートを選択できます。ここで注意すべき点は次の 2 つです。
1. この例では、関数名の後の名前がリンクまたはリンクであることはできません。具体的には、スタイル シートは変更されません。理由は、JavaScript の予約文字である可能性があります。
2. また、ページ全体のスタイルを変更したい場合は、スタイルシートファイルで本文の高さを100%として定義する必要があります。