如何使用vanillaJS在<body>标签上切换CSS类 - 没有JQuery

Question

是否可以将CSS类应用于<body>HTML文档的标记？

到目前为止,我一直在尝试这样的事情:

document.getElementsByClassName("body").add("cssClass");

希望在整个DOM上应用过滤器,以便在特定时间使页面变暗,但保留DOM本身的所有功能.

Answer 1

或者,更短: document.body.className = 'classname';

正如Gaby建议的那样,为了避免替换已经应用的类:

document.body.classList.add('classname')

您当前的代码将替换当前在`body`上应用的任何其他类.更好地使用`document.body.classList.add('classname')` (2认同)

Answer 2

没有人谈论存在财产toggle。

document.body.classList.toggle("dark-mode");