使用JS從html元素動態獲取ElementId

Question

是否可以動態獲取使用onClick事件調用函數的元素的名稱？

我需要編寫代碼以某種形式大量重復使用以驗證內容。

Answer 1

很難說這正是您要尋找的東西，但是類似這樣的東西嗎？

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

獲取元素這樣可以確保它是你點擊了什么-使用this可以根據你綁定范圍沿某處的方式，方法有所不同

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