JavaScript：使用按钮更改HTML中的图像

我的代码有一个问题，我通过单击HTML中的按钮来更改图像，但是当我尝试在控制台中运行代码时，它会说my image.src未定义

你可以试试这个-

<p>
<img id="sider" src="side1.jpg" style="width:450px;height:650px;">
</p>


<center> 

<button type="button" onclick="changeImage()"> < </button>
<button type="button" onclick="changeImage()"> > </button>

<script>
var image = document.getElementById("sider").src;
var image_tracker = "1";

var side1 = 'side1.jpg';
var side2 = 'side2.jpg';

function changeImage() {

  if(image_tracker == "1") {
    document.getElementById("sider").src=side2;
    image_tracker = "2";
  }
  else {
    document.getElementById("sider").src=side1;
    image_tracker = "1";
  }
}
</script>

< 
> 
var image=document.getElementById（“sider”）.src；
var image_tracker=“1”；
var side1='side1.jpg'；
var side2='side2.jpg'；
函数changeImage（）{
如果（图像_跟踪器==“1”）{
document.getElementById（“sider”）.src=side2；
图像_tracker=“2”；
}
否则{
document.getElementById（“sider”）.src=side1；
图像_tracker=“1”；
}
}

var image=document.getElementById（“sider”）；
var image_tracker=“1”
函数changeImage（）{
如果（图像_跟踪器==“1”）{
image.src='side2.jpg'；
图像_tracker=“2”；
}
否则{
image.src='side1.jpg'；
}
}

document.getElementById（“sider”）.innerHTML

返回一个字符串，而不是元素类似地，

document.getElementById（“sider”）.src=“side1.jpg”计算为字符串，而不是元素。仅将元素放入
图像中
instead@Olivia您需要这样：
var image=document.getElementById（“sider”）@PrashantPimpale它仍然没有work@Olivia无法复制：）显示演示