javascript - 点击标签时获取标签的ID

Answer 1

这应该可以解决问题：

var items = document.querySelectorAll('a');

for (var i=0; i<items.length; i++) {
  items[i].addEventListener('click', function(){
    console.log(this.id);
  });
}

示例：http ://codepen.io/jondlm/pen/BFEAm

Answer 2

这应该可以解决问题：

<a id="id1" onClick="getMe(this);" href="#"></a>
<a id="id2" onClick="getMe(this);" href="#"></a>
<a id="id3" onClick="getMe(this);" href="#"></a>
<a id="id4" onClick="getMe(this);" href="#"></a>
<a id="id5" onClick="getMe(this);" href="#"></a>

...

<script>
function getMe(x)
{
    alert(x.id);
}
</script>

Answer 3

Register a click handler (I'll use inline for this) and pass this as a param:

<a id="id1" onclick="linkHandler(this)"></a>
<a id="id2" onclick="linkHandler(this)"></a>
<a id="id3" onclick="linkHandler(this)"></a>
<a id="id4" onclick="linkHandler(this)"></a>
<a id="id5" onclick="linkHandler(this)"></a>

function linkHandler(el) {
    console.log(el.id); //id of clicked element
}