如何在javascript中获取此元素的innerHTML?

时间:2011-10-06 12:23:21

标签: javascript dom this innerhtml

非常简单的问题。我有一个元素(标签),它有一个onclick来调用javascript函数。在其他方面,我希望这个函数能够回显调用它的元素的innerHTML。所以,在这种情况下,atag的innerHTML。

我该怎么做?

2 个答案:

答案 0 :(得分:8)

<element onClick="alert(this.innerHTML);"> ... </element>

答案 1 :(得分:2)

标记:

<element id="foo"> ... </element>

JS:

document.getElementById('foo').addEventListener('click', fn);

function fn(){ alert(this.innerHTML); }

http://jsfiddle.net/g7Bau/2/

这里要注意的重要事项是,基本上回答了你的问题,是调用时事件监听器将this绑定到导致事件触发的DOM节点。所以我们可以在函数中使用this,它是通用的。您可以添加另一个元素,并使用fn绑定一个单击侦听器,并且一个函数将适用于这两个元素。