【发布时间】:2011-12-02 05:13:17
【问题描述】:
很简单的问题。我有一个元素(一个标签),它有一个 onclick 来调用一个 javascript 函数。在其他事情中,我希望这个函数回显调用它的元素的 innerHTML。所以,在这种情况下,就是 atag 的 innerHTML。
我该怎么做?
【问题讨论】:
标签: javascript dom this innerhtml
很简单的问题。我有一个元素(一个标签),它有一个 onclick 来调用一个 javascript 函数。在其他事情中,我希望这个函数回显调用它的元素的 innerHTML。所以,在这种情况下,就是 atag 的 innerHTML。
我该怎么做?
【问题讨论】:
标签: javascript dom this innerhtml
<element onClick="alert(this.innerHTML);"> ... </element>
【讨论】:
this.innerHTML 是重要的部分,所以它是一个有效的答案。
标记:
<element id="foo"> ... </element>
js:
document.getElementById('foo').addEventListener('click', fn);
function fn(){ alert(this.innerHTML); }
这里要注意的重要一点是,它基本上回答了您的问题,即事件侦听器在调用时将this 绑定到导致事件触发的 DOM 节点。所以我们可以在函数中使用this,它是通用的。您可以添加另一个元素,并使用fn 绑定一个点击侦听器,并且一个函数适用于两个元素。
【讨论】: