是否可以将“ this.src”发送给js函数？

Question

我要替换photo1.gif。 为什么此代码不起作用，是因为调用此代码？

HTML代码：

<img src="photo1.gif" onmouseover="x(this.src)">

JS代码：

<script>

  function x(source) {
    source="photo2.gif";
  }

</script>

Answer 1

要考虑的几件事：

首先，确保在x对象上定义了window，并且您正在调用window.x。

第二，this.src是一个值参数，表示将其值复制到x函数中。如果要修改它，则需要将this传递给x：

<img src="photo1.gif" onmouseover="window.x(this)">

<script>
window.x = function (element) {
  element.src = "photo2.gif";
}
</script>

Working JS Fiddle

Answer 2

您的HTML代码是

img src="photo1.gif" onmouseover="x(this)">

功能代码为

paramName.src = "photo2.gif";