【发布时间】:2019-07-22 23:40:47
【问题描述】:
我正在尝试获取我单击的按钮的 ID,但我做不到。我尝试了一切,但它不起作用。
我该怎么做?
【问题讨论】:
-
请出示您的代码。
-
this.id在点击处理程序中工作吗? -
我添加了我的代码图片。
标签: javascript html click windows-8.1 dom-events
我正在尝试获取我单击的按钮的 ID,但我做不到。我尝试了一切,但它不起作用。
我该怎么做?
【问题讨论】:
this.id 在点击处理程序中工作吗?
标签: javascript html click windows-8.1 dom-events
这适用于普通网页:
var update = function(el) {
document.getElementById("msg").innerHTML = el.id;
}
<button onclick="update(this)" id="btn1">btn1</button>
<button onclick="update(this)" id="btn2">btn2</button>
<span id="msg">ID goes here</span>
但最好使用事件监听器:
var update = function(el) {
document.getElementById("msg").innerHTML = el.id;
}
document.getElementById("btn1").addEventListener("click", function() {
update(this);
});
document.getElementById("btn2").addEventListener("click", function() {
update(this);
});
<button id="btn1">btn1</button>
<button id="btn2">btn2</button>
<span id="msg">ID goes here</span>
第二种方法也适用于 Windows 8.1 应用程序。
【讨论】: