js白天黑夜样式切换

要实现白天黑夜样式切换，你可以使用JavaScript来动态修改页面的CSS样式。以下是一个简单的实现示例：

1. 首先，在HTML文件中添加一个按钮或其他触发切换的元素，例如：

<button onclick="toggleDayNightMode()">切换模式</button>

2. 在CSS文件中定义白天和黑夜的样式，例如：

body {
  /* 白天样式 */
  background-color: #ffffff;
  color: #000000;
}

body.dark-mode {
  /* 黑夜样式 */
  background-color: #000000;
  color: #ffffff;
}

3. 在JavaScript文件中编写一个函数来切换样式，例如：

function toggleDayNightMode() {
  var body = document.body;
  body.classList.toggle("dark-mode");
}

这个函数会在按钮点击时切换`body`元素的`dark-mode`类。当该类存在时，会应用黑夜样式，否则应用白天样式。

通过这种方式，你可以实现简单的白天黑夜样式切换功能。你可以根据需要自定义样式和切换逻辑。