求JS大哥帮个忙【继续求助】-超级无敌小马甲

事情是这样的，我想给站点加个白天/黑夜模式切换按钮
按钮的样式现在有了，但我不会JS，我想简单粗暴的直接调用2套css切换达到效果，已知两套css分别定义为：style.css和style_black.css所以求大哥帮个忙。
按钮样式如下：

--------------------------------

楼下有2位大佬帮忙给了答案，但第一种试了无法实现，第二种可以实现，但无法记录当下模式，返回首页又变成了默认的白天。所以只能继续求助。

热议
推荐楼 G.K.D

推荐楼 518

var black = false;
document.styleSheets[0].disabled = false
document.styleSheets[1].disabled = true
function change() {
const idx = black?1:0;
document.styleSheets[idx].disabled = true
document.styleSheets[1-idx].disabled = false
black = !black;
}

<button onclick="change()">Button</button>

推荐楼 518

推荐楼 reizhi 昨天18:06

这挺简单的，js改class就行了

3楼 超级无敌小马甲 昨天18:07

这挺简单的，js改class就行了

奈何就是不会js，所以麻烦大哥们了

6楼 超级无敌小马甲 3小时前

你把黑夜模式的 CSS 文件改一改，把所有 .xx {} 改成 html[data-theme="dark"] .xx {}
这样直接加载两个 CS ...

感谢大哥帮忙。这个这个对我来说有点难，我用下楼那个实现了，那个我看得懂 哈哈
------------------
那位大哥的有些许不如意，就是不会在当下记录模式，点击返回首页又变成了白天模式

7楼 超级无敌小马甲 3小时前

粗略地写了一下，应该可以满足你的要求

感谢大佬帮忙，用上你这个实现了，非常感谢好人一生平安，
但是有个问题，就是不会记录当前模式，点击返回后又是白天模式了

8楼 萌新酱 3小时前

打开，学习，https://hostloc.com/thread-916931-1-1.html

9楼 超级无敌小马甲 3小时前

打开，学习，https://hostloc.com/thread-916931-1-1.html

直接好家伙，学习当看小说了

10楼 超级无敌小马甲 2小时前

【继续求助【继续求助

12楼 超级无敌小马甲 2小时前

切换模式记录到cookie？

是的应该是这个原理吧
是不是很难

15楼 超级无敌小马甲 17分钟前

我这种是大家常用的方案，Github、知乎 等大网站都是这样做的，你看一下他们的源代码就能发现~

当然，这 ...

非常感谢大佬，我个人感觉是合并在一起的确高大上点，但奈何自己尝试过大佬给的方法，但好像不成功，实在是有愧于大佬。是我知识储备不够的问题。 再次感谢

16楼 超级无敌小马甲 7分钟前

参照大佬@G.K.D 写的，改了一下

啊 果然都是牛人这一波就非常完美了感谢2位大佬
此贴继续供后续他人学习围观。

申明：本文内容由网友收集分享，仅供学习参考使用。如文中内容侵犯到您的利益，请在文章下方留言，本站会第一时间进行处理。