How to get innerHTML of this element in javascript?

Pretty simple question. I have an element (a tag) which has an onclick to call a javascript function. Amoung other things, I want this开发者_StackOverflow function to echo the innerHTML of the element that called it. So, in this case, the innerHTML of the atag.

How do I do this?

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

markup:

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

js:

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

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

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

The important thing to note here, which essentially answers your question, is that the event listener when called has binds this to the DOM node that caused the event to fire. So we can use this in the function and it's generic. You could add another element, and bind a click listener also using fn and the one function would work for both elements.