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