javascript事件处理程序：如何获取对调用元素的引用？

Question

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

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

附加功能如下：

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

当用户点击按钮时，按钮元素应该包含文本＆＃34; used＆＃34;。但是，当我点击按钮时，没有任何事情发生。

Answer 1

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

HTML：

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

JavaScript：

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

JSFiddle