buenas tardes tengo el siguiente archivo html.
<div id=divjugadores>
<form id=fjugadores name=fjugadores>
<div id=divcontenidojugadores>
<table><tr>
<td>equipo por defecto</td><td><select name=cbequipodefecto id=cbequipodefecto><option value="1">seleccione el equipo</option></select></td>
</tr>
</table>
<div id=divjugadoresline>
<table>
<tr><td align="right">Nombres: *</td><td><input name=ednom1 id="ednom" type=text maxlength=30/></td></tr>
<tr><td align="right">Apellidos: *</td><td><input name=edape1 id=edape type=text maxlength=30/></td></tr>
<tr><td align="right">Identificación: *</td><td><input name=ediden1 id=ediden type=text maxlength=15/></td></tr>
<tr><td align="right">Dirección:</td><td><input name=eddir1 id=eddir type=text maxlength=30/></td></tr>
<tr><td align="right">Teléfono:</td><td><input name=edtel1 id=edtel type=text maxlength=21/></td></tr>
<tr><td align="right">Fecha de nacimiento:</td><td><input name=edfec1 id=edfec type=text maxlength=30/></td></tr>
<tr><td align="right">Equipo al que pertenece: *</td><td><select name=cbfecha id=cbfecha><option value="1">seleccione el equipo</option></select></td></tr>
</table>
</div>
</div>
<input type="button" value="Crear" onclick="crear(this)" /></form>
</div>
lo que quiero es que al dar clic en un boton "crear" cree una nueva tabla con todos los elementos anteriormente descritos justo debajo de la misma y asi sucesivamente las veces que el usuario lo desee.
en java tengo el siguiente codigo que me permite crear elelmentos, asi :
function crear(obj) {
fi = document.getElementById('divcontenidojugadores');
contenedor = document.createElement('div');
contenedor.id = 'divjugadoresline';
fi.appendChild(contenedor);
}
pero no se como agregar una tabla completa como la que les mostre.
les agradesco su ayuda.