Question

<!DOCTYPE html>
<html>
<head>
<script>
position=0;
var tLight = ["red light.gif","red_and_amber_light.gif","green                  light.gif","amber light.gif"]

function changeImage() {
if (position==0) {
document.getElementById('myImage').innerHTML=tLight[1]
position=1;
}    
else if (position==1) {
document.getElementById('myImage').innerHTML=tLight[2]
position=2;
}    
else if (position==2) {
document.getElementById('myImage').innerHTML=tLight[3]
position=3;
}       
else if (position==3) {
document.getElementById('myImage').innerHTML=tLight[4]
position=4;
}       

}
</script>
</head>
<body>
<img id="myImage" src="red light.gif" width="100" height="180">
<button type="button"
onclick="changeImage()">click for da lite</button>
</body>
</html>

我似乎无法在此代码中找到问题，我不知道是我是盲人还是.....？有人请帮忙。我查看了Chrome“开发人员工具”，但是无法检测到任何问题。

Answer 1

您正在使用＆＃34; innerHTML＆＃34;到＆＃34; img＆＃34;标签，你必须使用＆＃34; src＆＃34;使其有效的属性：

document.getElementById('myImage').src = tLight[1]

在JavaScript上更改多个图像

1 个答案: