Question

在我的HTML页面上，我有不同的标签和不同的ID。我的想法是，当我点击<a>标签时，我想要取回ID。

我的代码如下所示：

<a id="id1"></a>
<a id="id2"></a>
<a id="id3"></a>
<a id="id4"></a>
<a id="id5"></a>

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

注册一个点击处理程序（我将对此使用内联）并将this作为参数传递：

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

Answer 3

这应该可以解决问题：

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

获取<a> tag when clicking on it</a>的ID

3 个答案: