Question

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

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

Answer 1

有点难以说这正是你想要的，但这样的事情呢？

$(this).parent().index()

以这种方式获取元素可确保它是您点击的内容 - 使用onClickHandler(event) { var domNode = event.targetElement; var name = domNode.getAttribute("name"); // do what you will with that }可能会有所不同，具体取决于您是否将范围绑定到某处的方法

Answer 2

如果您正在寻找的话，让我回答一个例子：

HTML：

<input name='Foo" type='button' value='Click Me' onclick='bar(this)'>

JS：

function bar(elem) {
    alert('Clicked by' + elem.name);
}

您可以使用parentNode在表单中导航。

Answer 3

是的，您可以通过将事件传递给相应的onClick函数来实现此目的。

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

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

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

3 个答案: