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

Javascript:动态设置onclick并传入元素本身,javascript,javascript-events,Javascript,Javascript Events,我正在动态创建一些元素,然后用文本填充它们的innerHTML属性。我试图将它们的onclick事件处理程序设置为: myDiv.onclick = function() { alert("Hello!") }; 我能做到。我想做的是能够访问新定义的onclick函数中的值/innerHTML(Javascript和DOM的新功能,因此我不确定我要查找的是什么术语)。在为其onclick属性定义的函数中,如何访问myDiv的数据myDiv将是一些简单的东西,如: <div>Stac

我正在动态创建一些
元素,然后用文本填充它们的
innerHTML
属性。我试图将它们的
onclick
事件处理程序设置为:

myDiv.onclick = function() { alert("Hello!") };
我能做到。我想做的是能够访问新定义的
onclick
函数中的值/innerHTML(Javascript和DOM的新功能,因此我不确定我要查找的是什么术语)。在为其
onclick
属性定义的函数中,如何访问
myDiv
的数据
myDiv
将是一些简单的东西,如:

<div>StackOverflow</div>
StackOverflow

任何帮助都将不胜感激

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

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

在处理程序中,
将引用元素

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

我想你想要的是:

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

就我个人而言,我会远离innerText(由于浏览器问题),并使用innerHTML作为规则

“内容”是我认为正确的术语。Doh!这肯定是我唯一没有尝试的事情。谢谢!