javascript - 是否可以将 "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