时间戳

首页 > 解决方案 > 如何恢复由 javascript 对 css 所做的更改

javascript - 如何恢复由 javascript 对 css 所做的更改

问题描述

所以我有一个按钮，可以为我的网络应用程序切换一个简单的深色主题。

<button class="btn btn-primary" onclick="dark_mode()">Dark Mode ON</button>

一旦用户点击，它将在 javascript 中激活此功能。

function dark_mode() {
    document.body.style.background = "#2C2F33";}

这只会改变背景。我想知道用户是否再次单击该按钮，它将恢复该功能所做的更改。（即打开/关闭）感谢您的时间和提前帮助！

标签： javascriptcssstringhtml

解决方案

您可以通过切换 CSS 类来实现，它是更灵活的解决方案

function dark_mode() {
  document.body.classList.toggle('dark-mode')
}
.dark-mode {
  background: #2C2F33
 }
<button class="btn btn-primary" onclick="dark_mode()">Dark Mode ON</button>

推荐阅读