1

こんにちは、stackoverflow フォーラムの皆さん。

私のウェブサイトでは、レイアウトの色を変更するオプションを追加しました。ヘッダーを変更したいのですが、方法がわかりません。私が使用しているコードはjavascriptで、ボタンを使用してスタイルシートを変更しています。今私の質問は、1 回のクリックで 2 つのスタイルシートを変更する 1 つのボタンを作成する方法です。ヘッダーのスタイルシートはかなり大きいので、他のスタイリングから分離したいと考えています。

コードを入手した場所:

-リンク-


JavaScript:

<script type="text/javascript">
function swapStyleSheet(sheet){
     document.getElementById('pagestyle').setAttribute('href',sheet);
}
</script>

HTML:

頭:

<link id="pagestyle" rel="stylesheet" type="text/css" href="css/index/index_purple.css" media="screen"/>

体:

<button onClick="swapStyleSheet('css/index/index_purple.css')">Purple style</button>

<button onClick="swapStyleSheet('css/index/index_orange.css')">Orange style</button>

<button onClick="swapStyleSheet('css/index/index_blue.css')">Blue style</button>

<button onClick="swapStyleSheet('css/index/index_red.css')">Red style</button>


マイページ:

-リンク-

4

1 に答える 1

3

JSでコマンドを数回使用しようとしない理由はありますか?

<script type="text/javascript">
    function swapStyleSheet(pagesheet, headsheet){
        document.getElementById('pagestyle').setAttribute('href',pagesheet);
        document.getElementById('headstyle').setAttribute('href',headsheet);
    }
</script>

ボタンの定義は次のようになります

<button onClick="swapStyleSheet('css/index/index_purple.css','css/head/head_purple.css')">Purple style</button>
于 2013-05-07T21:36:48.487 に答える