<!DOCTYPE html>
<html>
<body>
<img id = "imageOne" src = "circleRed.png" onclick = "changeColor()"/>
<script>
var image = document.getElementById("imageOne");
function changeColor() {
if (image.src == "circleRed.png") {
image.src = "circleBlue.png";
} else {
image.src = "circleRed.png";
}
}
</script>
</body>
</html>
整个程序看似可行,但实际上不行。我只能更改一次图像的颜色。第二次点击后,没有任何反应。我的意思是我只能将颜色从红色更改为蓝色。 你能帮我找出原因吗?
最佳答案
解决方法如下:
<!DOCTYPE html>
<html>
<body>
<img id ="imageOne" src ="circleRed.png" onclick = "changeColor()"/>
<script>
var image = document.getElementById("imageOne");
function changeColor()
{
if (image.getAttribute('src') == "circleRed.png")
{
image.src = "circleBlue.png";
}
else
{
image.src = "circleRed.png";
}
}
</script>
</body>
</html>
关于javascript - 使用事件 "onclick"更改图像 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34102091/