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;

之后你改变了variable的内容，如此：

replace="20141018_222702.jpg";

所有变量都保持一个值。您刚刚更改了变量保存的值/内容，这导致没有任何事情发生。

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

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

然后让javascript更改它所拥有的元素的src属性/属性，如下所示：

replace.src="20141018_222702.jpg";

我希望这能清除你的怀疑：）

更改图像onclick无法正常工作

1 个答案: