js は、単一の HTML ページ上で 2 つの CSS セット間の切り替えを実装します。

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

[html]

var title = "スタイル A";

function setStyle () { 只 // スタイル A とスタイル B を切り替えるだけです if (title == "style a") { title = "style B" } else { title = "style a"; ; //dom メソッドを使用してすべてのリンク要素を取得します links = document.getElementsByTagName("link"); //リンク要素がスタイル テーブルであるかどうかを判断するために使用されるスタイル文字列が含まれているかどうかを判断しますリンクを取得し、リンクにタイトル属性が含まれているかどうかを判断します for(i=0; links[i]; i++){ if(links[i].getAttribute("rel").indexOf("style") != - 1 && links[i].getAttribute("title")){ 現在のリンクをアクティブにするには、現在のリンクを表示として設定します use using using if (links[i].getAttribute("title"). ‐' ‐ ‐ ‐ ‐ ‐ ‐1 /alert("ok")

var title = "スタイル A";

function setStyle(){

//スタイル A とスタイル B を切り替えるだけ if(title== "スタイル A"){ title = "スタイル B"; }else{ title = "スタイル A"; }

var i,links; //dom メソッドを使用してすべてのリンク要素を取得します

links = document .getElementsByTagName("link"); //各リンク要素にスタイル文字列が含まれているかどうかを判断し、このリンク要素がスタイル シート リンクであることを判断するために使用され、リンクにタイトル属性が含まれているかどうかを判断します

for(i=0; links [i]; i++){ if(links[i].getAttribute("rel").indexOf("style") ! = -1 && links[i].getAttribute("title")){

//Setすべてのリンクを無効にします links[i].disabled = true; //次に、タイトルに指定されたタイトル文字列があるかどうかを判断します 現在のリンクをアクティブにするために、現在のリンクを表示として設定します if(links[i].getAttribute ("タイトル").indexOf(タイトル) != -1){ links[i].disabled = false; //alert("ok"); }

} } }

ステップ 3: HTML タグ内で switchd js 関数を呼び出す

[html]