agragar contenido a Div sin perder el actual

[Nefertiter]

Buenas tardes a todos, tengo un pequeño problema, en unos formularios necesito poder agregar N (depende de las veces q se llame a la funcion) inputs e hice una funcion muy simple que los agrega, el tema es que si los inputs ya tenian contenido estos se pierden

Código PHP:

  <script>
function mostrar(){
botones.innerHTML = botones.innerHTML  + " <table width='100%'  border='0' cellpadding='0' cellspacing='0' class='Texto'><tr><td>Ancho  :<input name='med_ancho[]' type='text' class='Boton_masinfo' id='med_ancho[]'></td><td>Fondo: <input name='med_fondo[]' type='text' class='Boton_masinfo' id='med_fondo[]'></td><td>Alto:<input name='med_alto[]' type='text' class='Boton_masinfo' id='med_alto[]'></td><td>Texto:<input name='med_texto[]' type='text' class='Boton_masinfo' id='med_texto[]'></td></tr></table>";
}
</script> 
  

esa la fucion trate de hacer los mismo con

Código PHP:

  <script>
function mostrar(){
botones.insertAdjacentHTML('beforeEnd', " <table width='100%'  border='0' cellpadding='0' cellspacing='0' class='Texto'><tr><td>Ancho  :<input name='med_ancho[]' type='text' class='Boton_masinfo' id='med_ancho[]'></td><td>Fondo: <input name='med_fondo[]' type='text' class='Boton_masinfo' id='med_fondo[]'></td><td>Alto:<input name='med_alto[]' type='text' class='Boton_masinfo' id='med_alto[]'></td><td>Texto:<input name='med_texto[]' type='text' class='Boton_masinfo' id='med_texto[]'></td></tr></table>");
}
</script> 
  

pero lo ultimo no me funciono alguien sabe como agregar html a la capa sin que se pierdan los valores introducidos en los inputs?

Gracias