Hola
occiso
Te dejo un poco de código:
Código PHP:
<html>
<head>
<script type="text/javascript">
function anadir() {
obj=document.getElementById('fila'); //fila donde se añadirá el nuevo elemento
obj2=document.getElementById('celda'); //celda delante de la que se añadirá
elem=document.createElement('td'); //creamos una celda (td)
elem.id='elemento'; //le asignamos un identificador
obj.insertBefore(elem,obj2); //añadimos el nuevo elemento
txt=document.createElement('input'); //creamos un cuadro de texto
document.getElementById('elemento').appendChild(txt); //lo añadimos a la celda creada
document.getElementById('anadir').disabled=true;
document.getElementById('borrar').disabled=false;
}
function borrar() {
document.getElementById('fila').removeChild(document.getElementById('elemento'));
document.getElementById('anadir').disabled=false;
document.getElementById('borrar').disabled=true;
}
</script>
</head>
<body>
<table border="1">
<tr id="fila">
<td>celda1</td>
<td id="celda">Celda2</td>
</tr>
</table>
<input type="button" id="anadir" value="añadir" onclick="anadir()" />
<input type="button" id="borrar" value="borrar" onclick="borrar()" disabled="disabled" />
</body>
</html>
Ten cuidado porque en las líneas
.appendChild(txt); y
.removeChild(document.getElementById.. aparece un espacio que no debería estar.
Saludos,
