Añadir campos a un formulario DOM

[masterojitos]

mira en este ejemplo se crea una tabla y se va añadiendo las filas....... tu deberias analizar el codigo y crear una funcion que solo añade lo que desees.

Código html:

<script type="text/javascript">
    function cargarDatos(){
                    var capa=document.getElementById("panel");
                    capa.innerHTML="Cargando...";
 
                    //Creacion de la tabla
 
                    capa.innerHTML="";
                    var table = document.createElement('table');
                    table.style.width = '50%';
                    table.cellPadding="2";
                    table.cellSpacing="0";
                    table.border=1;
                    var tbody = document.createElement("tbody");
 
                    //Creacion de las cabezeras
 
                    var tr = document.createElement('tr');
                    
                    var td = document.createElement('th');
                    td.innerHTML  = "Codigo";
                    tr.appendChild(td);
                    
                    td = document.createElement('th');
                    td.innerHTML  = "Nombre";
                    tr.appendChild(td);
                    
                    td = document.createElement('th');
                    td.innerHTML  = "DNI";
                    tr.appendChild(td);
                    
                    tbody.appendChild(tr);
 
                    //Creacion de filas
 
                    tr = document.createElement('tr');
                        
                    td = document.createElement('td');
                    td.innerHTML  = "registro codigo";
                    tr.appendChild(td);
                        
                    td = document.createElement('td');
                    td.innerHTML  = "registro nombre";
                    tr.appendChild(td);
                        
                    td = document.createElement('td');
                    td.innerHTML  = "registro dni";
                    tr.appendChild(td);
                        
                    tbody.appendChild(tr);
 
                    table.appendChild(tbody);
                    capa.appendChild(table);
    }
 
</script>
<div id="panel">Espacio</div>
 

algo asi seria......... ya tu mismo eres.

suerte.