Tengo una tabla y un boton en el que al hacer Click me inserta una fila dentro de la tabla dinamicamente.
 
function Academica()
{
 
var t=document.getElementById('acad').innerHTML;
t=t.substring(0,(t.length-7));
t+="<tr><td><input type = text  name = AcaCurso"+i+" SIZE=30 MAXLENGTH=30></td><td><input type = text  name = AcaCentro"+i+" SIZE=30 MAXLENGTH=30></td><td><input type = text  name = AcaAño"+i+" SIZE=4 MAXLENGTH=4></td><td><input type = text name = AcaObservac"+i+" SIZE=40 MAXLENGTH=40></td></tr></table>";
document.getElementById('acad').innerHTML=t;
 
}
 
Lo que me ocurre es que al dar al boton me crea la nueva fila pero me desaparece el contenido de la anterior. Es como si se refrescase 
  
 
 
