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

你好人们的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

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

回答

相关问题