javascript - anchor 标签 onclick 使用不显眼的 javascript

Question

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

很少有其他<li>以类似的方式标记，我如何为 anchor 标记创建一个 onclick 函数，

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

Answer 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 类的元素。

其他选项:

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