3 回答

TA貢獻1911條經驗 獲得超7個贊
在您的情況下,將 ID 添加到要更改的文本中:
<label class="custom-control-label" id="modelLabel" for="darkSwitch">Dark Mode</label>
并按如下方式更新您的 resetTheme() 函數:
function resetTheme() {
var modelLabel = document.getElementById("modelLabel");
if(darkSwitch.checked){
(document.body.setAttribute("data-theme", "dark"),
localStorage.setItem("darkSwitch", "dark"));
modelLabel.innerHTML = "Light Mode";
}
else{
(document.body.removeAttribute("data-theme"),
localStorage.removeItem("darkSwitch"));
modelLabel.innerHTML = "Dark Mode";
}
}
希望能幫助到你 :)

TA貢獻1877條經驗 獲得超6個贊
您可以從標簽中刪除文本并使用 css:before在其中添加內容。
[for="darkSwitch"]:before{
content:'Dark Mode'
}
[data-theme="dark"] [for="darkSwitch"]:before{
content:'Light Mode'
}
演示在https://jsfiddle.net/ju2n3svy/

TA貢獻1789條經驗 獲得超10個贊
為標簽提供一個 ID 并使用 DOM 更改文本。
<label class="custom-control-label" for="darkSwitch" id="darkLabel">Dark Mode</label>
var label=document.getElementById("darkLabel");
label.innertHTML="Dark Mode"; //If Light Mode
label.innertHTML="Light Mode"; //If Dark Mode
添加回答
舉報