gpt4 book ai didi

javascript - 如何将单击时的图像源更改为一个源并在同一次单击时返回不同的源

转载 作者:行者123 更新时间:2023-11-27 23:15:15 26 4
gpt4 key购买 nike

单击按钮时,必须更改图像源,再次单击时,源应更改回前一个。有点像某种动画,只是我用按钮控制它

我尝试过但失败的代码是:

DOCTYPE html>
<html>
<body>

<img id="myImage" src="a.png" alt="a" border="0">

<button type ="button" onclick="change()">Click Me</button>
</body>

<script>

var x = document.getElementById("myImage")

function change(){

if x.src="a.png"

document.getElementById("myImage").src = "b.png"

else x.src="a.png"

}
</script>

</html>

我应该在我的代码中更改什么或者是否有更简单的代码

最佳答案

试试这个:

        var x = document.getElementById("myImage")

function change(){

if (x.src == "a.png")
x.src = "b.png"
else
x.src = "a.png"

}


</script>

也可以代替 if 语句:

x.src = (x.src == "a.png" ? "b.png" : "a.png");

关于javascript - 如何将单击时的图像源更改为一个源并在同一次单击时返回不同的源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43464126/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com