Javascript 如何使用div在黑暗/光明模式之间切换？

我想使用div切换暗/亮模式

<div theme="light" class="page login">

theme=单击div时，应将灯光切换为暗或亮

<div theme="light" id="switch-theme" class="switch-btn">

这是单击时应在两种模式之间切换的div

---

我试过JS，但没法用。任何人都可以向我提供正确的建议？

如果不想为此添加标记，可以直接在onclick事件中定义：

this.setAttribute'theme'，this.getAttribute'theme'='dark'？'“光明”：黑暗； [主题class='light']{ 背景色：白色； 颜色：黑色； } [theme='dark']{ 背景色：黑色； 颜色：白色； }

---

Lorum IpsumI建议您通过谷歌或搜索SO进行一些操作，然后返回您的代码并解释您尝试了什么。请附上您的JS代码以便于获得帮助。您好，谢谢您的回答！当我这样做时，它只将按钮切换到黑暗，而不是每个主题标签。有什么建议吗？