1、在页面html里,我们有一个div,里面就是页面的文章内容。
2、默认的样式是为页面添加了一个背景色。
3、我们还要为页面添加一个夜间模式的样式,主要是更改背景色,文章字体颜色等。
4、要能切换夜间模式,我们在页面添加一个岳蘖氽颐按钮,按钮添加onclick点击事件,事件函数如下,先判断页面的body是否有night这个夜间模式的样式。
5、如果没有这个样式,就添加night,这皱诣愚继样就能切换到夜间模式了。如果已经有了这个样式,就删除这个night样式,这样就是从夜间模式返回到正常模式。
6、运行页面,现在是正常的模式,点击下面的切换按钮。
7、点击后,这是切换到夜间模式的效果。