Ayuda con creación de campos dinámicos

[todoscogidos]

Hola yo tengo este código que me crea campos dinámicos en un formulario.

Pero me los crea dentro de un recuadro, hay alguna forma de hacerlo sin el recuadro o poner el borde del recuadro transparente??

Gracias.

Código:

<script type="text/javascript">
<!--
num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); // 1
  contenedor = document.createElement('div'); // 2
  contenedor.id = 'div'+num; // 3
  fi.appendChild(contenedor); // 4
  lbl = document.createElement('label');
  lbl.innerHTML = 'Nombre: ';
  contenedor.appendChild(lbl);	
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'nombre'+num; // 6
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // 7
 
  lbl = document.createElement('label');
  lbl.innerHTML = '1er Apellido: ';
  contenedor.appendChild(lbl);
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'apellido1'+num; // 6
  
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // 7
  lbl = document.createElement('label');
  lbl.innerHTML = '2º Apellido: ';
  contenedor.appendChild(lbl);
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'apellido2'+num; // 6
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = 'Eliminar autor'; // 8
  ele.name = 'div'+num; // 8
  ele.onclick = function () {borrar(this.name)} // 9
  contenedor.appendChild(ele); // 7
}
function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
}
--> 
</script>

Y aquí llamo al boton que los va creando.

Código:

<fieldset id="fiel">
<input type="button" value="Añadir autor" onclick="crear(this)" />
</fieldset>

[capa]

gegege, parece que te refieres a la etiqueta fieldset, bueno envés de ese, puedes usar un div usando el mismo id

de este modo:

Código HTML:

<div id="fiel">
<input type="button" value="Añadir autor" onclick="crear(this)" />
</div> 

espero que sea eso, saludos.

[todoscogidos]

Muchas gracias, era eso, me ha salido como queria.

Otra pregunta,como se pone la tabulacion con javascript?

Y si quiero que un elemento que se crea dinámicamente coja su aspecto de una hoja de estilos? He probado con ele.class= 'nombredelestilo'; pero me sale igual.

[JavierB]

Hola todoscogidos

Tienes que ponerlo así:

Código:

ele.className= 'nombredelestilo';

Saludos,

P.D. Me alegro de que te haya gustado mi página.

[todoscogidos]

Gracias, y para tabular?? para que queden todos los campos de texto a la misma altura.