切换网站的主题/css文件

Question

对于我的网站，我有两个不同的 CSS 文件。一种用于以深色主题显示网站，另一种用于以浅色主题显示网站。

现在我想让用户在两个主题之间切换。但我不知道如何实现这个。我不想创建两个 HTML 文件，唯一的区别是一个文件有一个指向浅色主题的链接标签，另一个有一个指向深色主题的链接标签。

最好的解决方案是用户只需单击按钮即可更改主题，而无需重新加载。

这可能吗？

谢谢！

编辑

决定接受这个答案。谢谢@void

Answer 1

给你的样式表链接一个id..

<link rel=stylesheet href=mycss.css id=shtylesheet>

然后你可以用javascript改变它

function changeStylesheet(newstylesheet){
    document.getElementById('shtylesheet').setAttribute('href', newstylesheet);
}

然后如果你想做按钮什么的

<button onclick="changeStylesheet('light.css')">Lights on</button>
<button onclick="changeStylesheet('dark.css')">Lights off</button>