如何编程一个按钮来使用javascript更改样式表
请注意，我没有使用类。我还没有找到这个具体问题的答案 使用javascript，我如何编程一个按钮以在每次单击按钮时更改样式表 我尝试了不同的if、else if和else，但当我尝试它们时，它会破坏代码（即，如果红色，它会将颜色更改为蓝色，但不会再次更改）。如何编程一个按钮来使用javascript更改样式表,javascript,html,css,Javascript,Html,Css,请注意，我没有使用类。我还没有找到这个具体问题的答案 使用javascript，我如何编程一个按钮以在每次单击按钮时更改样式表 我尝试了不同的if、else if和else，但当我尝试它们时，它会破坏代码（即，如果红色，它会将颜色更改为蓝色，但不会再次更改）。 它可以使用两个按钮，但每次单击一个按钮时都要更改它，这似乎让我难以理解。我得到了反馈，并设置了第二个按钮来更改它 这适用于2个按钮： <!DOCTYPE html> <html> <head>
它可以使用两个按钮，但每次单击一个按钮时都要更改它，这似乎让我难以理解。我得到了反馈，并设置了第二个按钮来更改它 这适用于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>
确保使用==而不是=进行比较
if (document.getElementById("um").href == "stylesheet1.css")
etc确保使用==而不是=进行比较
if (document.getElementById("um").href == "stylesheet1.css")
<button id="x" onclick="myFunction()">Change</button>
<script>
function myFunction() {
var link = document.getElementById("um");
var segments = link.href.split('/');
var currentStyle = segments[segments.length - 1];
var style = (currentStyle == 'stylesheet1.css') ? 'stylesheet2'
: 'stylesheet1';
document.getElementById("um").href = style + ".css"
}
</script>
更改
函数myFunction（）{
var link=document.getElementById（“um”）；
var segments=link.href.split（'/'）；
var currentStyle=段[segments.length-1]；
变量样式=（currentStyle=='stylesheet1.css'）？'stylesheet2'
：“样式表1”；
document.getElementById（“um”）.href=style+“.css”
}
<button id="x" onclick="myFunction()">Change</button>
<script>
function myFunction() {
var link = document.getElementById("um");
var segments = link.href.split('/');
var currentStyle = segments[segments.length - 1];
var style = (currentStyle == 'stylesheet1.css') ? 'stylesheet2'
: 'stylesheet1';
document.getElementById("um").href = style + ".css"
}
</script>
更改
函数myFunction（）{
var link=document.getElementById（“um”）；
var segments=link.href.split（'/'）；
var currentStyle=段[segments.length-1]；
变量样式=（currentStyle=='stylesheet1.css'）？'stylesheet2'
：“样式表1”；
document.getElementById（“um”）.href=style+“.css”
}
“你的头衔在这里”
布加
交换
函数myFunction（id、a、b）{
var el=document.getElementById（id）；
var-hrefStr；
如果（~el.href.indexOf（a））{
hrefStr=el.href.replace（a，b）；
el.href=hrefStr；
}否则{
hrefStr=el.href.replace（b，a）；
el.href=hrefStr；
}
}
“你的头衔在这里”
布加
交换
函数myFunction（id、a、b）{
var el=document.getElementById（id）；
var-hrefStr；
如果（~el.href.indexOf（a））{
hrefStr=el.href.replace（a，b）；
el.href=hrefStr；
}否则{
hrefStr=el.href.replace（b，a）；
el.href=hrefStr；
}
}