無法使用 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，只需重復您從上面選擇使用的代碼。 我認為弄清楚如何使用您已有的代碼和這個來禁用暗模式應該是微不足道的。