求JS大哥帮个忙-超级无敌小马甲

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

热议
2楼 reizhi 昨天18:06

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

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

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

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

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>

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

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

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

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

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

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

8楼 萌新酱 21分钟前

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

9楼 超级无敌小马甲 5分钟前

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

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

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