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!这肯定是我唯一没有尝试的事情。谢谢!