Código HTML:
<script> var c=0; function cerrar(obj){ campo=document.getElementById("campoNode"); campo.parentNode.removeChild(campo.parentNode.childNodes[mailcount+7]); c --; if (c==0){ //retirar el código para borrar la última dirección de mail document.getElementById("campoManagment").removeChild(document.getElementById("cerrarCampo")); } } function newEntry(inputName,text){ newInput = document.createElement("input"); newInput.type="textarea"; newInput.name=inputName; newNode = document.createElement("tr"); newNode.appendChild(document.createElement("td")); newNode.appendChild(document.createElement("td")); newNode.firstChild.appendChild(document.createTextNode(text)); newNode.lastChild.appendChild(newInput); return newNode; } function nuevoCampo(){ c ++; campo=document.getElementById("campoNode"); newNode=newEntry("campo"+c,"Campo "+c+":"); campo.parentNode.insertBefore(newNode,campo); if (c==2){ newClose = document.createElement("a"); newClose.id="cerrarCampo"; newClose.href="javascript:cerrar(this)"; newClose.appendChild(document.createTextNode("Borrar último")); document.getElementById("campoManagment").appendChild(newClose); } } </script>
Código HTML:
<tr id="campoNode"></tr> <tr><td><CENTER id="campoManagment"><input type=button value="Agregar campo" onclick="nuevoCampo()"></td>
Ahora las dudas que tengo:
1.-¿Donde le puedo asignar atributos a al nuevo campo? (p.e. tamaño, columnas, etc..) He intentado usar setAttribute, pero no funciona.
2.-No consigo que el borrar campo funcione, aparece el enlace pero no borra ningún campo.
¿Podeis recomendar algun sitio donde vengan todos los métodos y atributos de los objetos principales (document,window,element)? He mirado el tutorial de javascript de esta página pero hay muchas cosas que no vienen.
Gracias a todos