更改图像 onclick 不起作用

Question

我希望当有人点击时更改图像 it.But 这不起作用。

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

有人可以解释一下原因吗？如果这个问题听起来很愚蠢，我是 beginner.So 请原谅我。

Answer 1

您的代码无法正常工作，因为您使用检索了 src 的值并将其放置在名为 replace 的变量中，如下所示：

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

之后，您更改了 variable 的内容，如下所示：

replace="20141018_222702.jpg";

变量所做的只是保存一个值。您刚刚更改了变量保存的 value/content，这导致没有任何反应。

你应该做的是让变量保存元素本身，像这样：

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

然后让 javascript 改变它持有的元素的 src property/attribute，像这样：

replace.src="20141018_222702.jpg";

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

更改图像 onclick 不起作用

Changing images onclick not working

html

javascript

javascript-events