无法使用 js 和 css 将类更改为 html 的不同标签

Question

我试图对 body 做同样的事情，但对于按钮、字段集等其他标签

为暗模式更改 body 标签的方法是“document.body.classList.add("darkmode");" 但我需要知道同样的事情，但对于其他标签，比如我之前命名的标签。

我的JS代码

let darkMode = localStorage.getItem("darkMode");

const enableDarkMode = () => {
    document.body.classList.add("darkmode");
    localStorage.setItem("darkMode", "enable");
}

const disableDarkMode = () => {
    document.body.classList.remove("darkmode");
    localStorage.setItem("darkMode", null);
}

if(darkMode === "enable"){
    enableDarkMode()
}

$("#dark_mode_toggle").click(() => { 
    darkMode = localStorage.getItem("darkMode");
    if (darkMode !== "enable"){
        enableDarkMode();
    }else{
        disableDarkMode();
    }
});

Answer 1

Kinglish 在评论中的建议似乎是正确的，毕竟 CSS 代表级联样式表，但这是您所要求的 JS 解决方案。

由于您似乎正在使用 JQuery，因此您可以这样做：

$("button").addClass("darkmode");

---

如果没有 JQuery，你可以这样做：

document.querySelectorAll("button").forEach(element => element.classList.add("darkmode"));

对于其他元素，如 fieldset，只需重复您从上面选择使用的代码。 我认为弄清楚如何使用您已有的代码和这个来禁用暗模式应该是微不足道的。