js は 1 つの HTML に対して 2 セットの CSS 切り替えコードを実装します。 page_javascript スキル

今日は、JS の setAttribute メソッドを使用して 1 つのページに 2 つのスタイルシートを実装する場合の効果を調べました。 具体的な方法は次のとおりです。
ステップ 1:
など、スタイルシートを接続する要素に id を定義します。

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

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

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

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

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

1.css ;a href=”#” onClick =”change(2)”>2.css


この効果は IE と FF の両方でテストされているので、誰でも理解できると思います。この方法を使用すると、たとえば、高齢者がより大きなフォントのスタイルシートを選択できるようになります。ここで注意すべき点は 2 つあります。

この例では、関数名の後の名前がリンクまたはリンクであることはできません。具体的な理由はわかりません。もしかしたらJavaScriptの予約文字かもしれません。
さらに、ページ全体のスタイルを変更したい場合は、スタイルシートファイルで本文の高さを 100% として定義する必要があります。

方法 2:
ステップ 1: 2 つをインポートします。 CSS ファイルのセット

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

次のように:





ステップ 3: HTML タグ




コードをコピー


コードは次のとおりです:


1

2 onclick="setStyle();">3
4 #" onclick="setStyle();">5