1

你好stackoverflow论坛的人。

所以在我的网站上，我添加了更改布局颜色的选项，我想将标题更改为，但我不知道如何。我正在使用的代码是在 javascript 中，我正在使用按钮在样式表之间进行更改。现在我的问题是如何让一个按钮一键更改两个样式表。标题样式表相当大，我希望它与其他样式分开。

我在哪里得到代码：

-关联-

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 回答