Javascript:动态设置onclick并传入元素本身

Question

我正在动态创建一些<div>元素,然后innerHTML用文本填充它们的属性.我正在尝试设置这样的onclick事件处理程序:

myDiv.onclick = function() { alert("Hello!") };

我能做到的.我想要做的是能够在新定义的onclick函数中访问值/ innerHTML(Javascript和DOM的新内容,所以我不确定我正在寻找的是什么术语).我如何访问myDiv为其onclick属性定义的函数内的数据？myDiv将是一个简单的事情:

<div>StackOverflow</div>

任何帮助将不胜感激!

Answer 1

onclick处理程序在元素的上下文中执行.

myDiv.onclick = function () { alert(this.innerHTML); };