我想改变“;text1”;至“;text2”;第一次点击并改变“;text2”;至“;text1”;第二次只点击一个按钮
i want to change "text1" to "text2" first click and change "text2" to "text1" second click by only single button
function fun(){
var read1 = document.getElementById("ddr");
if(read1.innerHTML == "text2"){
read1.innerHTML = "text1";
}
read1.innerHTML = "text2"
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<button id="bt" onclick="fun()"> button </button>
<p id="ddr">
text1
</p>
</body>
</html>
我想第一次点击将"text1"更改为"text2",第二次点击仅需一个按钮即可将"text2"更改为"text 1"。
您缺少返回语句:
function fun(){
var read1 = document.getElementById("ddr");
if(read1.innerHTML == "text2"){
read1.innerHTML = "text1";
return; //return here
}
read1.innerHTML = "text2"
}
或使用else
:
function fun(){
var read1 = document.getElementById("ddr");
if(read1.innerHTML == "text2"){
read1.innerHTML = "text1";
} else {
read1.innerHTML = "text2"
}
}
您刚刚错过了else
语句。
function fun(){
var read1 = document.getElementById("ddr");
if(read1.innerHTML == "text2"){
read1.innerHTML = "text1";
}
else{
read1.innerHTML = "text2"
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<button id="bt" onclick="fun()"> button </button>
<p id="ddr">
text1
</p>
</body>
</html>