Como eliminar un renglon en particular de una tabla creada dinamicamente Buenas Noches a todos:
Necesito eliminar un renglon seleccionado por el usuario de una tabla generada dinamicamente, tengo una funcion "eliminarrenglon", la cual elimina un nodo en particular, esta rutina funciona muy bien si el renglon fue creado via codigo sin embargo, si se usa esta funcion para eliminar un renglon de una tabla generada dinamicamnte no lo hace. el codigo que les presento crea una tabla dinamicamente, al momento de crearla le asigno un id, por lo que todos los renglones tiene un id que se forma con dos xx y un consecutivo hasta 10, esto se hace con excepcion del primer renglon que teien el id llamado "este". Coloqué tres botenes un, elimina perfectamnte los renglones partiendo del ultimo hacia arriba, el segundo boton llama la funcion borrar renglon que pasa como parameto el valor de "xx3" que es un id valido de la tabla, esta opcion falla no borra el renglon con el id "xx3" y el tercer boton tambien llama la funcion borrarenglon y pasa como parametro "este" que es el id del renglon creado por codigo ,este boton elimina sin problema el renglon.
Ojala me pudieran ayudar para saber cual es el problema o saber si no es posible eliminar renglones creados dinamicamente por medio de su id.
Gracias y Saludos
<html>
<head>
<title>
Página con Javascript.
</title>
<script language="javascript">
<!--
function iniciar()
{
totalFilas=0;
nodoTabla = document.getElementById ("tabla1");
agregar();
}
function agregar()
{
//if (totalFilas<10)
//{
for (renglones=0; renglones<=10; renglones++)
{
totalFilas += 1;
nodoFila = document.createElement ("tr");
nodoTabla.appendChild (nodoFila);
nodoTabla.id ="xx"+totalFilas;
for (celdas=0; celdas<=2; celdas++)
{
nodoCelda = document.createElement ("td");
nodoFila.appendChild(nodoCelda);
valorTexto = document.createTextNode ("id " + nodoTabla.id + " Celda " + (celdas+1));
nodoCelda.appendChild (valorTexto);
}
}
}
function eliminar()
{
nodoTabla.removeChild(nodoTabla.lastChild);
totalFilas -= 1;
}
function eliminarrenglon(elemento) {
elemento.parentNode.removeChild(elemento);
}
//-->
</script>
</head>
<body onLoad="iniciar();">
<table align="center" width="450" border="2">
<tbody id="tabla1">
<tr id=este onClick="eliminarrenglon(este)">
<td>ss</td>
<td>ss</td>
<td>ss</td>
</tr>
</tbody>
</table>
<br>
<form>
<input type="button" value="Eliminar fila" onClick="eliminar();">
<input name="button" type="button" onClick="eliminarrenglon(xx3);" value="Eliminar renglon3 creado dinamicamente">
<input name="button2" type="button" onClick="eliminarrenglon(este);" value="Eliminar renglon1 creado via codigo">
</form>
</body>
</html>
