Hola amigos como podria borrar una tabla que se crea dinamicamente
aqui le mando el codigo, lo que llevo hecho
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Pragma" content="no-cache">
<SCRIPT language="Javascript">
function suma(lugar)
{
var tabla = document.createElement("table");
tabla.border="1";
tabla.width="477";
tabla.id="borrado";
//var miTabla = document.getElementById("cuerpoTabla");
var cuerpo = document.createElement("tbody");
var linea = document.createElement("tr");//primera fila*******************
linea.className="texforms";
linea.style.backgroundColor="#CCCCCC";
var celda = document.createElement("td");
celda.width="19";
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
celda2.width="313";
var contenido2 = document.createTextNode("Producto");
var celda3 = document.createElement("td");
celda3.width="70";
var contenido3 = document.createTextNode("Cantidad");
var celda4 = document.createElement("td");
celda4.width="70";
var contenido4 = document.createElement("input");
contenido4.name="delete";
contenido4.type="button";
contenido4.value="borrar";
contenido4.onclick = function(){borraNodo(this)};
tabla.appendChild(cuerpo);//<tbody> solo una vez se imprime
cuerpo.appendChild(linea);//<tr>
//******************************
linea.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea2 = document.createElement("tr");//fila 2*********************
linea2.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
var contenido2 = document.createElement('input');
contenido2.type = "text"
contenido2.name = "txproducto[]"
contenido2.size="50"
contenido2.className="txtBoxStyle3"
var celda3 = document.createElement("td");
celda3.align="center";
var contenido3 = document.createElement('input');
contenido3.type = "text"
contenido3.name = "txcantidad[]"
contenido3.size="5"
contenido3.className="txtBoxStyle3"
var celda4 = document.createElement("td");
var contenido4 = document.createTextNode(" ");
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea2);//<tr>
//******************************
linea2.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea2.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea2.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea2.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea3 = document.createElement("tr");//fila 3*********************
linea3.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
var contenido2 = document.createTextNode('Justificación');
var celda3 = document.createElement("td");
var contenido3 = document.createTextNode(' ');
var celda4 = document.createElement("td");
var contenido4 = document.createTextNode(" ");
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea3);//<tr>
//******************************
linea3.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea3.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea3.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea3.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea4 = document.createElement("tr");//fila 4*********************
linea4.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
celda2.colSpan="3";
var contenido2 = document.createElement('textarea');
contenido2.cols="60";
contenido2.rows="4";
contenido2.className="areatx";
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea4);//<tr>
linea4.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea4.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
var linea5 = document.createElement("tr");//fila 5*********************
linea5.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
var contenido2 = document.createTextNode('Proveedor');
var celda3 = document.createElement("td");
var contenido3 = document.createTextNode(' ');
var celda4 = document.createElement("td");
var contenido4 = document.createTextNode(" ");
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea5);//<tr>
//******************************
linea5.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea5.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea5.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea5.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea6 = document.createElement("tr");//fila 6*********************
linea6.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
celda2.colSpan="3";
var contenido2 = document.createElement('select');
contenido2.name = "proveedores"
//contenido2.options[1] = new Option('text zero', 'value0');
//contenido2.setAttribute("proveedores","1","1");
contenido2.options[0] = new Option('', '');
contenido2.options[1] = new Option('Distribuidora Papelera del Golfo SA de CV', 'Distribuidora Papelera del Golfo SA de CV');contenido2.options[2] = new Option('Ofix SA de CV', 'Ofix SA de CV');contenido2.options[3] = new Option('Office Depot SA de CV', 'Office Depot SA de CV');contenido2.options[4] = new Option('Recycling System', 'Recycling System');contenido2.options[5] = new Option('Arleth Baltazar Silva', 'Arleth Baltazar Silva');contenido2.options[6] = new Option('Moisés Lazo Torres', 'Moisés Lazo Torres');
contenido2.className="areatx";
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea6);//<tr>
linea6.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea6.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
var linea7 = document.createElement("tr");//fila 7*********************
linea7.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
celda2.colSpan="3";
var contenido2 = document.createElement('textarea');
contenido2.cols="60";
contenido2.rows="4";
contenido2.className="areatx";
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea7);//<tr>
linea7.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea7.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
document.getElementById(lugar).appendChild(tabla);
}
function borraNodo(id)
{
yo=document.getElementById(id);
//var tabla=document.getElementById("cuerpoTabla");
yo.parentNode.removeChild(id);
}
</script>
</head>
<!--- Inicia Tabla de alinenamiento de pagina --->
<body class="tabla" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<table width="477" border="0" cellspacing="0" cellpadding="0" align="center">
<form name="formulario" method="post" onSubmit="return verificar(this)" action="insumos.php">
<tr>
<td bgcolor="#a3a28e" height=1></td>
</tr>
<tr>
<td bgcolor="#F1F5FA" class="texforms">
<button name="boton_1" type="button" title="Nuevo insumo" alt="Nuevo insumo" class="botonenviar" onClick="suma('aqui')">
<img src="../Imagen/Insumos_img/nuevo.gif" border="0" width="22" height="22">
</button>
<button name="boton_2" type="button" title="Eliminar insumo" alt="Eliminar insumo" class="botonenviar" >
<img src="../Imagen/Insumos_img/cancel.gif" border="0" width="22" height="22">
</button>
</td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#F1F5FA" id="aqui"> </td>
</tr>
<tr>
<td bgcolor="#F1F5FA">botones</td>
</tr>
<tr>
<td bgcolor="#a3a28e" height=1></td>
</tr>
</form>
</table>
</body>
</html>