Javascript 通过单选按钮更改样式表

我试图使用单选按钮，这将改变我的网站的主题颜色的基础上加载的CSS文件。 我希望它能实时显示更改，提交按钮用于以后保存更改

HTML头

<link rel="stylesheet" id="siteTheme" href="/sitefiles/theme/light.css">

---

我没有从按钮点击中得到任何反应，它实际上是从页面“卸载”模板？

您需要为onclick属性分配函数。还要注意，字符串没有value属性

checkedButton1.onclick = ()=> document.getElementById("siteTheme").setAttribute('href', light);
checkedButton2.onclick = ()=> document.getElementById("siteTheme").setAttribute('href', dark);
checkedButton3.onclick = ()=> document.getElementById("siteTheme").setAttribute('href', fairy);

---

您需要将函数分配给onclick属性。还要注意，字符串没有value属性

checkedButton1.onclick = ()=> document.getElementById("siteTheme").setAttribute('href', light);
checkedButton2.onclick = ()=> document.getElementById("siteTheme").setAttribute('href', dark);
checkedButton3.onclick = ()=> document.getElementById("siteTheme").setAttribute('href', fairy);

---

尝试在函数中传递它

var checkedButton1 = document.getElementById('1');
checkedButton1.onclick = ()=>{
  document.getElementById("siteTheme").href = light.value;
}

---

尝试在函数中传递它

var checkedButton1 = document.getElementById('1');
checkedButton1.onclick = ()=>{
  document.getElementById("siteTheme").href = light.value;
}

---

这似乎仍然没有改变样式表。我可以将您链接到示例页面：@EarlGrey使用此代码：嗯，我已将代码替换为该代码，但是样式表上仍然没有更改。它只是因为某种原因而不与ID或样式表通信吗/@EarlGrey你试过把代码放在$document里了吗？准备好了吗？啊，太好了，谢谢你的帮助！这似乎仍然没有改变样式表。我可以将您链接到示例页面：@EarlGrey使用此代码：嗯，我已将代码替换为该代码，但是样式表上仍然没有更改。它只是因为某种原因而不与ID或样式表通信吗/@EarlGrey你试过把代码放在$document里了吗？准备好了吗？啊，太好了，谢谢你的帮助！