Question

所以我正在测试一些东西，我正在尝试制作它，以便当我点击这个红色按钮时，它会变为绿色，当我再次点击它时，它会再次变为红色。有人可以帮我吗？我对这个非常新的

<img id= "redBox1"  src="red.png" 
onClick="
if (redBox1 === true)
{redBox1 == false;
    src='green.png';}
else (redBox1 === false)
{redBox1 == true);
    src='red.png';}" />

除了将其更改为红色之外，我还试图使其无论何时按钮变为绿色，redBox1 = false。

提前感谢您的帮助

Answer 1

redBox1是一个DOM元素（通过可怕的＆＃34;给定一个元素一个ID，创建一个全局JS变量＆＃34;在IE 4中引入的机制，而不是布尔值。它没有＆＃t; t将其与true或false进行比较是有意义的。

您应该检查src属性。

<img id="redBox1" src="red.png">
<script>
document.getElementById('redBox1').addEventListener('click', toggleImage);
function toggleImage(evt) {
    if (evt.target.src === "red.png") {
       evt.target.src = "green.png";
    } else {
       evt.target.src = "red.png";
    }
}
</script>

为什么OnClick没有改变颜色？

1 个答案: