如何讓一個按鈕更改兩個樣式表的

你好人們的stackoverflow論壇。

所以在我的網站上我已經添加了更改佈局顏色的選項，並且我想將標題更改爲但我不知道如何。我使用的代碼是在JavaScript中，我正在使用按鈕來更改樣式表。現在我的問題是如何使一個按鈕更改一個點擊兩個樣式表。標題樣式表相當大，我希望它與其他樣式分開。如何讓一個按鈕更改兩個樣式表的

在那裏我得到的代碼：

-LINK-

的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>

我的頁面：

-LINK-

來源

2013-05-07 TheLife

_「我想改變標題」 _ - 你說的「頭」是什麼意思？你的意思是你想改變一個特定元素的文本嗎？ – nnnnnn 2013-05-07 21:36:32

標題顏色。如果你去看看我的網頁，你會明白。 – TheLife 2013-05-07 21:41:10

是否有任何理由，你爲什麼不嘗試在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-07 21:36:48

因爲我不知道JavaScript，所以我主要專注於正確學習HTML和CSS3。謝謝你的答案（ofc）。@ Tobias – TheLife 2013-05-07 21:50:40

沒問題:)在Javascript中（如在大多數腳本語言中），你可以簡單地調用函數多次。通過以分號結束一個命令，解析器將等待下一個命令... 如果安塞爾幫助，你也可以接受它;） – 2013-05-07 22:01:07

我必須說我是有點在軌道上，當我在代碼中亂搞，但我當然不會自己發現它。再次感謝你:) – TheLife 2013-05-07 22:04:12

如何讓一個按鈕更改兩個樣式表的

回答

相關問題