[SOLUCIONADO] onclick dentro de innerHTML

[Maddenamy]

Hola, necesito ayuda con un elemento creado con innerHTML; son varios elementos, pero necesito que al hacer clic en alguno se ejecute una funcion.
Por ejemplo, el siguiente codigo.

Código HTML:

<div id="nombre"></div>
<div id="lista"></div>
 

Código Javascript:

var personas = ['persona1', 'persona2'];
    for(i = 0; i < personas.length; i++){
        document.getElementById('lista').innerHTML += '<a href="#" onclick="ver(this.id);" id="'+personas[i]+'">'+personas[i]+'</a>';
    }
    function ver(id){
        document.getElementById('nombre').innerHTML = id;
    }
 

Pero no funciona, ¿cómo puedo hacer que ejecute la función?.
Gracias,

[Alexis88]

Lo conveniente es delegar el evento al documento y asignar una clase a los elementos creados dinámicamente, de tal forma que al producirse el clic, se verificará que el elemento afectado posea la clase en cuestión y de cumplirse dicha condición, se realizarán las acciones pertinentes.

Código Javascript:

document.addEventListener("click", function(event){
    if (event.target.className == "la clase"){
        //Tus instrucciones
    }
}, false);
 

De cualquier modo, sería preferible que utilizaras otros elementos en lugar de enlaces pues su propósito es el de redireccionar o anclar. Puedes usar elementos inline como los <label> o <span>.

Un saludo

[Maddenamy]

Muchas gracias, me funciono de maravilla.

sería preferible que utilizaras otros elementos en lugar de enlaces pues su propósito es el de redireccionar o anclar. Puedes usar elementos inline como los <label> o <span>

Gracias, lo cambiare.

Saludos.