Javascript 使用JS更改车身背景颜色

我有一个输入复选框。我想更改HTML的所有主体CSS（未选中时为白色主体背景和黑色文本，选中时为黑色主体背景和白色文本）

HTML:

激活夜间模式

您可以尝试以下方法：

document.querySelector('#chk').onchange = function (e) {
    var check = e.target.checked;
    var backColor = check ? "black" : "white";
    var color = check ? "white" : "black";
    document.querySelector('body').style.background= backColor ;
    document.querySelector('body').style.color= color ;
};

---

希望这有帮助

您可以尝试检查复选框中的更改，然后相应地设置背景颜色和文本颜色

document.getElementById（“夜间模式”）.addEventListener（“更改”，函数（）{
if（document.getElementById（“nightmode”）.checked==true）{
document.documentElement.setAttribute（“样式”，“背景色：黑色；”）；
document.getElementsByTagName（“正文”）[0].setAttribute（“样式”，“颜色：白色；”）；
}否则{
document.documentElement.setAttribute（“样式”，“背景色：白色；”）；
document.getElementsByTagName（“正文”）[0].setAttribute（“样式”，“颜色：黑色；”）；
}
});
激活夜间模式
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着桌面出版而流行
像Aldus PageMaker这样的软件包括Lorem Ipsum的版本。
为了清晰起见，请选中您的复选框

<input id="nightmode" type='checkbox'> Activate night mode

您可以在这里尝试：
不要去摆弄body元素本身上的
.style（）
；而是在CSS中定义所需的样式。
然后，如果您在将来某个时候改变主意，您所要做的就是更改CSS，而不是遍历所有javascript并更改修改body元素样式的每个位置

正常（白天）模式是黑白相间的，不会添加任何类：
。当您切换到夜间模式时，它将是黑白相间的，通过添加类


//使用jQuery。。。
//$（'#nightmode'）。更改（函数（）{
//$（'body'）.toggleClass（'nightmode'）；
//});
//使用简单的js。。。
document.getElementById（'nightmode'）
.addEventListener（'change'，函数（e）{
document.body.classList.toggle（'nightmode'）
});
正文{
颜色：黑色；
背景色：白色；
}
body.nightmode{
颜色：白色；
背景色：黑色；
}

标题
启动夜间模式
有段落的章节

第二部分

页脚
可能的重复可能是一个好主意，而不是专门将所有文本更改为白色，背景更改为白色，以交换样式表，如
main.dark.css
，这样，如果您决定需要为夜间模式设置其他样式，则维护起来会更容易。可能还有更好的方法，但为了简单起见，这种方法可能更优越。如果我尝试使用普通HTML，效果会更好，但问题是我使用的是Onsen UI框架，似乎不起作用。有人想解释一下否决票吗？如果你认为这个答案有问题，我很想知道。
<input id="nightmode" type='checkbox'> Activate night mode

$("#nightmode").change(function() {
    if ($(this).is(":checked"))
        $('body').css("background-color", "black").css("color","white"); 
    else
        $('body').css("background-color", "white").css("color","black"); 
});