javascript - 单击时更改图像

Question

我希望当有人点击图像时图像会发生变化，但这不起作用。

<image id="s" src="s.jpg" onclick="reaction()" ></image>
    function reaction()
    {
    var replace=document.getElementById("s").src;
    replace="20141018_222702.jpg";
    }

谁能给我解释一下原因吗？

Answer 1

您的代码不起作用，因为您使用检索的 src 值并将其放置在名为 replace 的变量中，如下所示:

var replace=document.getElementById("s").src;

之后，您更改了变量的内容，如下所示:

replace="20141018_222702.jpg";

变量所做的只是保存一个值。您刚刚更改了变量保存的值/内容，这导致什么也没有发生。

你应该做的是让变量保存元素本身，如下所示:

var replace=document.getElementById("s");

然后让 javascript 更改它所保存的元素的 src 属性/属性，如下所示:

replace.src="20141018_222702.jpg";

我希望这能消除您的疑虑:)