javascript - 使用javascript全局更改h1标签的颜色

Question

我正在尝试实现根据当前时间激活的暗模式。

这就是我改变正文背景颜色的方式:

if (darkMode) {
    document.body.style.backgroundColor = '#31403E';
} else {
    document.body.style.backgroundColor = '#F2EDE4';
}

我能否以某种全局方式更改 h1 标签的颜色？或者我是否必须在每个文档中检查属性 darkMode，然后分配正确的颜色。

Answer 1

在现代 JavaScript 中，它可能是:

const elements = document.querySelectorAll('h1')
Array.from(elements).forEach(el => el.style.color = '#31403E')

希望这对您有所帮助。