Javascript 使用JS从html元素动态获取ElementId

是否可以通过onClick事件动态获取调用函数的元素的名称

---

我需要编写一个代码，以便在表单中大量重用，以验证内容。

很难说这正是您要寻找的内容，但像这样的东西

onClickHandler(event) {
  var domNode = event.targetElement;
  var name = domNode.getAttribute("name");
  // do what you will with that
}

---

以这种方式获取元素可以确保它是您单击的内容-使用

此
可能会有所不同，这取决于您是否在某个地方将作用域绑定到方法

Html:

您可以使用parentNode在表单中导航。
是的，您可以通过如下所述将事件传递给相应的onClick函数来完成此操作

<a href="#" id="testLink" onclick="HandleLink(event)">Link</a>

function HandleLink(event)
{
    var x = event.target;
    alert(x.id);
}


功能HandleLink（事件）
{
var x=事件目标；
警报（x.id）；
}
如果使用
addEventListener
设置
onClickHandler
，则
此
将指向
targetElement
。
function bar(elem) {
    alert('Clicked by' + elem.name);
}

<a href="#" id="testLink" onclick="HandleLink(event)">Link</a>

function HandleLink(event)
{
    var x = event.target;
    alert(x.id);
}