试图获取 <a> 标签 onclick 的 href 属性 - 没有错误？

Question

尝试简单地识别是否有任何标签在任何时候被点击，并获取点击标签的 href 属性以存储在数据库中。

为了测试我试图打印出 href 但屏幕上没有打印任何内容并且控制台中没有错误？有什么想法吗？

// Anchor Tags - Capture the href of the link clicked
var aTags = document.getElementsByTagName('a');

for (var i = aTags.length - 1; i >= 0; --i) {
    aTags[i].onclick = function() {
    var aTagHref = aTags[i].getAttribute("href");
        alert(aTagHref);
    };
}

Answer 1

在事件侦听器中，您不会拥有该元素数组，而且您可以使用this 来引用点击的a。

像这样：

var aTags = document.getElementsByTagName('a');

for (var i = aTags.length - 1; i >= 0; --i) {
    aTags[i].onclick = function() {
    var aTagHref = this.getAttribute("href");
        alert(aTagHref);
    };
}

<a href="#asd">a</a>
<br />
<a href="#asdf">b</a>
<br />
<a href="#asdfg">c</a>