在JavaScript上更改多個圖像

<!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>

我似乎無法找到此代碼中的問題，我不知道它是我是失明還是.....？有人請幫忙。我已經看過鍍鉻「開發工具」，但這不能檢測到任何問題。在JavaScript上更改多個圖像

來源

2016-01-22 Reix

您的圖片的URL有空格？ – adeneo

另外，設置圖像的'innerHTML'，不會改變*** src ***屬性？ – adeneo

不，我在另一份文件中試過這個，但它沒有任何區別。謝謝 – Reix

您正在使用「的innerHTML」到「IMG」標籤，你必須使用「src」屬性，使其工作：

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

來源

2016-01-22 15:00:36

在JavaScript上更改多個圖像

回答

相關問題