Aplicar una funcion a un objeto creado dinamicamente

[Tecna]

Buenas,

he añadido una función para crear enlaces con algunos datos simulados para poder hacer las pruebas y aplicar los eventos a los elementos creados. También hay que incluir dos líneas en la función init() Y hace falta tener un enlace en el html con id="crear" Son los únicos cambios .

Código Javascript:

function init()
{
    var objs = document.getElementsByTagName('*');
    
    var crear = document.getElementById('crear');   // esta linea es nueva
    crear.onclick = function () {crearElemento();};     // esta linea es nueva
    
    setAllTitles(objs);
}
 
//// funcion nueva para crear elementos con sus eventos
 
function crearElemento()
{
    var orden = tit.length;
 
    var nuevo = document.createElement('a');
 
    nuevo.innerHTML = 'enlace-' + orden;
    nuevo.href = '#';
    nuevo.title = 'titulo-' + orden;          // datos de relleno como ejemplo
    nuevo.id = 'elemento-' + orden;
 
    tit[orden] = nuevo.title;
    nuevo.removeAttribute ('title');
    
    document.body.appendChild(nuevo);
 
    //esto es lo importante
    nuevo.onmouseover = mouseOver;
    nuevo.onmouseout = mouseOut;
    document.onmousemove = function (evt){return mouseMove(evt);};
}
 
// fin cambios
 

Se podría mejorar pero queda bastante limpio. Un saludo