代替 CSS を提供する際に、正しい CSS を表示する際に問題が発生しています。
head セクションに次の 2 つの CSS ファイルがあります。
<link href="css1.css" rel="stylesheet" type="text/css" />
<link id="css2" href="css2.css" rel="stylesheet" type="text/css" />
そして本文のこのhref：
<a href="#" onclick="document.getElementById('css2').href='css2.css'">Change</a>
ページにはcss2（背景色が緑に設定されています）が表示されていますが、css1（赤）を表示したいので、css2リンクをクリックするとcss2に変更されます。
注: CSS は機能しています。各 CSS ファイルには異なる background-color プロパティがあります。
アンカーは、追加する JavaScript 関数を呼び出す必要があります
<link id="css2" href="css2.css" rel="stylesheet" type="text/css" />
ドキュメントに動的に。jquery では、これは次のように行うことができます。
$(document.body).append('<link href="css2.css" rel="stylesheet" type="text/css" />');
<link href="css1.css" rel="stylesheet" type="text/css" />
<link href="css1.css" id="css2" rel="stylesheet" type="text/css" />
そして本文のこのhref：
<a href="#" onclick="document.getElementById('css2').href='css2.css'">Change</a>