Question

你好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-

Answer 1

你有没有理由不尝试多次使用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>

如何使一个按钮更改两个样式表

1 个答案: