Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击了具有相同类的锚定标记中的哪一个?获取其id_Javascript_Html - Fatal编程技术网

Javascript 单击了具有相同类的锚定标记中的哪一个?获取其id

Javascript 单击了具有相同类的锚定标记中的哪一个?获取其id,javascript,html,Javascript,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> 我想知道这些锚定标签中的哪个被点击了,然后得到它的id。 这应该使用javascript(而不是jquery)完成。请帮忙。 同样,没有j

我有几个锚定标签与同一类

<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。

试试这个,经过测试,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> var elements=document.getElementsByClassName(“abc”); for(var i=0,len=elements.length;i因为三个锚定标记的类都相同

Javascript:

<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>
var ele= document.getElementsByClassName('abc')

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

再说一遍,您尝试了什么?我在jquery中尝试了,它成功了:$(document).ready(函数(){$('.abc')。单击(函数(事件){var hr=$(this.attr(“id”);alert(hr);};});尝试使用GetElementsByCassName在javascript中使用相同的方法,但没有成功。抱歉,我不想使用onclick-in标记。HTML应该保持原样。解决方案应该使用javascript。@SumeetKumar…检查我的u更新的答案…如果你对我的答案满意,请投赞成票:)经过测试,100%有效…谢谢
Please check link active link on click link