使用Javascript点击时获取链接的ID

Question

我是Javascript的新手，并试图设计一个表单，其中包含通过链接点击创建和删除的元素，而无需提交表单。

该脚本取决于获取单击按钮（css和<a>链接）的唯一ID，并计算包含该链接的行的id，然后删除整个<tr>元素。

为此，我试图获取点击链接的ID。 链接及其嵌入的元素本身是由javascript单击另一个按钮生成的。

我尝试了以下方法：

var btnDel=document.createElement("a");
btnDel.id="NS_D"+count;
btnDel.className="btn btn-danger";
btnDel.addEventListener('click', function() 
{            
    alert(e.id);
}, false);
var btnText=document.createElement("span");
btnText.className="btn-label";
btnText.innerHTML="Delete";
btnDel.appendChild(btnText);            
td.appendChild(btnDel);     

虽然生成了按钮，但我没有按预期收到警报。 哪里可以出错？

Answer 1

在事件处理程序中， this指的是元素，因此您可以执行以下操作：

alert(this.id);

要访问<tr>您可以使用parentNode上传树：

console.log(this.parentNode.parentNode);

MDN文档

Answer 2

你需要使用this而不是e ：

alert(this.id);

在你的事件处理程序中

在这里演示。

（您还需要习惯在控制台可见的情况下运行代码 - 这会告诉您，您没有看到alert的原因是e不存在。）