请注意，我没有使用类。我还没有找到这个具体问题的答案。
如何使用 javascript 编写一个按钮，以便在每次单击按钮时更改样式表？
我尝试了不同的 if、else if 和 else，但是当我尝试它们时，它破坏了代码(即，如果是红色，它会将颜色更改为蓝色，但不会再变回来)。
它适用于 2 个按钮，但每次单击一个按钮时都要更改它似乎让我望而却步。我吃饱了，并编写了第二个按钮以将其改回。
这适用于 2 个按钮:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>"Your Title Here"</title>
<link id="um" rel="stylesheet" href="stylesheet1.css">
<style>
</style>
</head>
<body>
<p>booga</p>
<button id="x" onclick="myFunction()">blue</button>
<button id="x1" onclick="myFunction1()">red</button>
<script>
function myFunction() {
if (document.getElementById("um").href = "stylesheet1.css"){
document.getElementById("um").href = "stylesheet2.css"}
}
function myFunction1() {
if (document.getElementById("um").href = "stylesheet2.css"){
document.getElementById("um").href = "stylesheet1.css"}
}
</script>
</body>
我希望能够摆脱第二个按钮和第二个功能，并通过一个按钮实现所有功能。
编辑... 我试过了，但失败了。
function myFunction() {
if (document.getElementById("um").href == "stylesheet1.css")
{document.getElementById("um").href = "stylesheet2.css"};
else {document.getElementById("um").href = "stylesheet1.css"}
}
最佳答案
确保您使用 == 而不是 = 进行比较!
if (document.getElementById("um").href == "stylesheet1.css")
等等
关于javascript - 如何使用 javascript 编写一个按钮来更改样式表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38213060/