单击<a>标签时获取其 ID

Get ID of an <a> tag when clicking on it

本文关键字：获取 ID 单击 标签      更新时间：2023-09-26

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

我的代码如下所示：

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

这应该可以解决问题：

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

注册一个点击处理程序（我将为此使用内联）并将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
}

这应该可以解决问题：

<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>
相关文章：