evento sobre tabla dinamica

[dacroma]

Buenas tardes compañeros del foro.
Tengo un dilema por resolver.
Tengo una tabla creada en html con id="tablaDinamica" como sigue

Código HTML:

<table id="tablaDinamica"></table>
 

y por medio de javascript le voy agregando datos. Es decir las filas las agrego desde el archivo .js.
y quiero hacer que cuando pase el mause sobre esas filas que se crean con JS me aplique una animacion. Este es el codigo.

Código Javascript:

function inicio(){
var tabla=document.getElementById("tablaDinamica");
var filas=tabla.getElementsByTagName("tr");
for(i=0;i<filas.length;i++){
//aplica la animacion sobre la fila indicada
addEvent(filas[i],"mouseover",animacion,false);
}
}
 
function animacion(){ 
    this.style.background="white";
 }
 

pero resulta que cuando lo pruevo no aplica la animacion, pero si la aplica a un elemento creado directamente desde el archivo html. Es decir la animacion no se aplica a los elemento creados dinamicamento con JS sino a los que ya se encuentran creados en el archivo html.

¿por que sucede esto, como puedo resolverlo?.