錨點標記onclick使用不引人注目的JavaScript

Question

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

以類似的方式幾乎沒有其他<li>標簽，我如何為錨標簽創建一個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;
    }
};

以上將click事件添加到帶有bganch類的元素中。

其他選擇：

• 給錨一個ID並使用document.getElementById('someid')
• 使用document.getElementsByTagName('a')按標記名稱獲取所有錨點

Answer 2

嘗試

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

   var anchortitle= anchors.title;
};