Javascript: estableciendo onclick dinámicamente y pasando el elemento en sí

Question

Estoy creando dinámicamente algunos elementos <div> y luego llenando sus propiedades innerHTML con texto. Estoy tratando de establecer sus onclick controladores de eventos como éste:

myDiv.onclick = function() { alert("Hello!") }; 

que puedo hacer. Lo que me gustaría hacer es poder acceder al valor/innerHTML (nuevo en Javascript y DOM, entonces no estoy seguro de qué término es lo que estoy buscando) dentro de la función onclick recientemente definida. ¿Cómo podría acceder a los datos de myDiv dentro de la función que se define para su propiedad onclick? myDiv habrá algo tan simple como:

<div>StackOverflow</div> 

Cualquier ayuda sería muy apreciada!

Answer 1

El controlador onclick se ejecuta en el contexto del elemento.

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

Answer 2

Dentro del controlador, this se referirá al elemento.

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

Tadaaa :).

Answer 3

Creo que lo que está buscando es decir:

Personalmente me alejaría de innerText (debido a problemas con el navegador) y el uso de innerHTML como regla