Checkbox JavaScript不更改样式表
Checkbox JavaScript不更改样式表
提问于 2018-08-01 02:21:26
我试图使一个网站，可以切换到黑暗模式时，用户想要的。我做了两个样式表: 1. style.css和2. darkstyle.css
为了使切换成为可能，我从：JS fiddle和DevelopPHP中提取代码，并相应地将它们合并，生成以下代码：
HTML：
<head>
<title>Home</title>
<link id="pagestyle" rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="changeCSS.js"></script>
</head>
<body>
<label for="mode"><input id="mode" type="checkbox"> Dark Mode</label>
...
</body>JavaScript是
$('#mode').change(function(){
if ($(this).prop('checked'))
{
document.getElementById('pagestyle').setAttribute('href', "darkstyle.css");
}
else
{
document.getElementById('pagestyle').setAttribute('href', "style.css");
}
});上面的代码不起作用。
PS:关于这个我搜索了很多，找到了一个stackoverflow answer，但我不能将这个答案与复选框集成在一起。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51619771
复制相关文章
相似问题