javascript - 目立たないJavaScriptを使用したアンカータグonclick

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;
    }
};

上記は、bganchクラスを持つ要素にクリックイベントを追加します。

その他のオプション：

• アンカーに ID を与えて使用するdocument.getElementById('someid')
• を使用してタグ名ですべてのアンカーを取得しますdocument.getElementsByTagName('a')

Answer 2

試す

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

   var anchortitle= anchors.title;
};