Question

我有一些同一类的锚标签。

<a href='' id='id1' class='abc'>Link 1</a>
<a href='' id='id2' class='abc'>Link 2</a>
<a href='' id='id3' class='abc'>Link 3</a>

我想知道这些锚标签中的哪一个被点击然后得到它的id。这应该使用javascript（而不是jquery）来完成。请帮忙。再一次，没有jquery。

Answer 1

试试这个，经过测试并且100％工作


    <a href='#' id='id1' class='abc'>Link 1</a>
    <a href='#' id='id2' class='abc'>Link 2</a>
    <a href='#' id='id3' class='abc'>Link 3</a>

    <script>
        var elements = document.getElementsByClassName("abc");
        for(var i = 0, len = elements.length; i < len; i++) {
            elements[i].onclick = function () {
                alert(this.id);
            }
        }
    </script>

Answer 2

由于所有三个锚标记<a>都有相同的类，因此可以将事件侦听器绑定到具有类abc的元素。

<强> HTML：

<a href='#' id='id1' class='abc'>Link 1</a>
<a href='#' id='id2' class='abc'>Link 2</a>
<a href='#' id='id3' class='abc'>Link 3</a>

<强>使用Javascript：

var ele= document.getElementsByClassName('abc')

for(var i=0;i<ele.length;i++){
    ele[i].addEventListener('click', function(e){
      alert(e.target.id)
    }, false);
}

getElementsByClassName返回符合条件的元素数组。

注意：较旧的浏览器（如IE6，IE7，IE8）不支持getElementsByClassName，因此它们返回undefined。

Answer 3

Please check link active link on click link

https://jsfiddle.net/Sunildalal/aLw2op3m/

哪个具有相同类的锚标签被点击？得到它的身份

3 个答案: