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

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>

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

trying to get the href attribute of <a> tag onclick - no errors?

javascript

dom

event-handling

getelementsbytagname

getattribute