当使用javascript单击不同的链接时，同一页面中会显示不同的图像？
请改进此代码。如果我们点击图片2链接。图片链接2没有工作。我也使用了超过2个图片在这段代码中当使用javascript单击不同的链接时，同一页面中会显示不同的图像？,javascript,Javascript,请改进此代码。如果我们点击图片2链接。图片链接2没有工作。我也使用了超过2个图片在这段代码中 函数changeImage（）{ var image=document.getElementById（'myImage'）； var img1=document.getElementById（'1'）； var img2=document.getElementById（'2'）； var img3=document.getElementById（'3'）； 如果（img1.id==1）{ image
函数changeImage（）{
var image=document.getElementById（'myImage'）；
var img1=document.getElementById（'1'）；
var img2=document.getElementById（'2'）；
var img3=document.getElementById（'3'）；
如果（img1.id==1）{
image.src=“img/1.jpg”；
}
else if（img2.id==2）{
image.src=“img/2.jpg”；
}
else if（img3.id==3）{
image.src=“img/3.jpg”；
}
其他的
{
image.src=“img/5.jpg”；
}
}
JavaScript可以更改图像
请改进此代码。如果我们点击图片2链接。图片链接2没有工作。我也使用了超过2个图片在这段代码中。
提前谢谢。
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Can Change Images</h1>
<img id="myImage" onclick="changeImage()" src="img/0.jpg" width="180" height="180">
<table>
<tr>
<td > <a href="#" id="1" onclick="changeImage(this.id)"> Image1</a></td>
</tr>
<tr>
<td> <a href="#" id="2" onclick="changeImage(this.id)"> Image2</a></td>
</tr>
<tr>
<td> <a href="#" id="3" onclick="changeImage(this.id)"> Image3</a></td>
</tr>
</table>
</body>
<script>
function changeImage(click_id) {
var image = document.getElementById('myImage');
var img1 = document.getElementById('1');
var img2 = document.getElementById('2');
var img3 = document.getElementById('3');
if (click_id == 1 ) {
image.src = "img/1.jpg";
}
else if (click_id == 2) {
image.src = "img/2.jpg";
}
else if (click_id == 3) {
image.src = "img/3.jpg";
}
else
{
image.src = "img/5.jpg";
}
}
</script>
</html>
JavaScript可以更改图像
函数更改图像（单击\u id）{
var image=document.getElementById（'myImage'）；
var img1=document.getElementById（'1'）；
var img2=document.getElementById（'2'）；
var img3=document.getElementById（'3'）；
如果（单击_id==1）{
image.src=“img/1.jpg”；
}
else if（单击_id==2）{
image.src=“img/2.jpg”；
}
else if（单击_id==3）{
image.src=“img/3.jpg”；
}
其他的
{
image.src=“img/5.jpg”；
}
}
id