javascript - 在内联事件处理程序中引用 `this`

Question

我希望能够在 JavaScript 'mouseover' 中传递 'this'。我基本上想从链接(唯一的)获取 href 并将其传递给每个下载按钮。但我收到错误消息:

undefined is not an object (evaluating 'this.getElementsByClassName('downLoad_link')[0].href = x)

我对此很陌生，所以我希望有人能帮助我! :)

这是我的代码:

<a onmouseover="this.getElementsByClassName('downLoad_link')[0].href = 'www.example.com'" href="" class="downLoad_link" download>
    <button class="download">Download</button>
</a>

编辑:

当我解决此问题时，

'www.example.com' 将被变量替换!

好的，我的新代码是这样的:

Javascript:

    <script type="text/javascript" language="javascript">
       var x = this.getElementsByClassName('getDownloadLink')[0].href; //this is not working!
    </script>

HTML:

<a onmouseover="this.getElementsByClassName('downLoad_link')[0].href = x" href="" class="downLoad_link" download>Download</a>

Answer 1

只使用this而不是this.getElementsByClassName('downLoad_link')[0]

<a onmouseover="this.href = 'www.example.com'" href="" class="downLoad_link" download>
  <button class="download">
    Download
    </button>
</a>