JavaScript 事件处理程序 : how to get reference to calling element?

Question

这个问题已经有答案了:

Javascript "this" reference for onclick event not working (4 个回答)

已关闭 8 年前。

我有一个带有事件处理程序的元素，如下所示:

<button type="button" onClick="buttonUsed()">X</button>

附加功能如下:

function buttonUsed() {
  this.innerHTML="used";
}

当用户单击按钮时，按钮元素应具有文本“used”。但是当我单击按钮时什么也没有发生。

Answer 1

您应该在函数调用中传递对元素的引用:

HTML:

 <button type="button" onClick="buttonUsed(this)">X</button>

JavaScript:

function buttonUsed(el) {
    el.innerHTML = "used";
}

JSFiddle