使用不显眼的 javascript 锚标记 onclick答案

【问题标题】：Anchor tag onclick using unobtrusive javascript使用不显眼的 javascript 锚标记 onclick
【发布时间】：2013-07-14 06:00:53
【问题描述】：

<li id="Account_Tab" class="bgrad">
<a class="bganch" title="Accounts Tab" href="/xxx/xxx">Accounts</a>
</li>

类似的<li>标签很少，如何为锚标签创建onclick功能，

不喜欢：<a onclick="function()"......> 除了内联 Javascript 还有其他方法吗？

【问题讨论】：

你愿意使用jQuery吗？
其他 lis 也有锚元素吗
没有 jquery，只需要 javascript
Google 是你的朋友（MDN 也是）：developer.mozilla.org/en-US/docs/Web/API/Event
其他<li>也有锚标签

标签： javascript unobtrusive-javascript

【解决方案1】：

您可以像这样添加处理程序：

function anchorClicked(){
    console.log("clicked");
}

window.onload = function(){
    var anchors = document.getElementsByClassName('bganch');

    for(var i=0; i<anchors.length; i++){
        anchors[i].onclick = anchorClicked;
    }
};

上面将点击事件添加到具有bganch 类的元素中。

其他选项：

给锚点一个 ID 并使用document.getElementById('someid')
使用document.getElementsByTagName('a')按标签名称获取所有锚点

【讨论】：

如何使用`document.getElementsByTagName('a')`获取title
使用anchors[i].getAttribute("title")并将getElementsByClassName更改为getElementsByTagName。
好极了，感谢您的回答，尽管它说我必须等待 6 分钟才能接受您的回答

【解决方案2】：

试试

window.onload = function(){
    var anchors = document.getElementsByClassName('bganch');

   var anchortitle= anchors.title;
};

【讨论】：