Añadir campos a un formulario DOM

[Operadormail]

Hola a todos

Llevo algunos días intentando aclararme con el DOM para poder añadir unos campos de formulario haciendo click en un boton, pero no consigo nada y estoy desesperado. ¿Podría alguien decirme como hacer una función en javascript para añadir los siguientes campos a un formulario?

Estos son los campos que necesito replicar cada vez que se haga click al boton "Añadir otro registro"

Código:

<tr>      
        <td height="25" align="right" class="texto">Referencia:&nbsp;</td>
        <td height="25"><input name="ref1" type="text" size="15" maxlength="15"></td>
      </tr>
      <tr>      
        <td height="25" align="right" class="texto">Altura mm:&nbsp;</td>
        <td height="25"><input name="altura1" type="text" size="15" maxlength="15"></td>
      </tr>
      <tr>      
        <td height="25" align="right" class="texto">Espesor mm:&nbsp;</td>
        <td height="25"><input name="espesor1" type="text" size="15" maxlength="15"></td>
      </tr>
      <tr>      
        <td height="25" align="right" class="texto">Color cuerpo:&nbsp;</td>
        <td height="25"><input name="cuerpo1" type="text" size="15" maxlength="15"></td>
      </tr>
      <tr>      
        <td height="25" align="right" class="texto">Color peana:&nbsp;</td>
        <td height="25"><input name="peana1" type="text" size="15" maxlength="15"></td>
      </tr>
      <tr>      
        <td height="25" align="right" class="texto">Foto:&nbsp;</td>
        <td height="25"><input name="imagen1" type="file" size="25"></td>
      </tr>

Gracias anticipadas por la ayuda