Problema al borrar un fila de una tabla

[kilpo]

Iniciado por vmac179

no uses InnerHTML, usa DOM, creo que esto te sirve

Código javascript:

<style>
 
.tabla
{
 background-color: orange;
}
 
.titulos
{
 text-align: center;
 font-weight: bolder;
 background-color: yellow;
}
 
.fila
{
 background-color: white;
}
 
</style>
 
<script language="javascript">
 
function agregar_fila(origen, destino)
{
    ///////////////////////////////////////////
 
    var nombres   = origen.nombres.value;
    var apellidos = origen.apellidos.value;
 
    var nuevo_indice = destino.rows.length;
 
    var fila;
    var celda;
    var valor;
    
    fila = destino.insertRow(nuevo_indice);
    fila.style.background = "white";
    
    ///////////////////////////////////////////
 
    celda = fila.insertCell(0);
    valor = document.createElement("input");
        valor.type = "checkbox";
        valor.id = "marca";
        valor.name = "marca";
        valor.value = nuevo_indice;
    celda.appendChild(valor);
 
    ///////////////////////////////////////////
 
    celda = fila.insertCell(1);
    valor = document.createTextNode(nombres + " - " + nuevo_indice);
    celda.appendChild(valor);
    
    ///////////////////////////////////////////
 
    celda = fila.insertCell(2);
    valor = document.createTextNode(apellidos);
    celda.appendChild(valor);
 
    ///////////////////////////////////////////
}
 
function remover_filas_marcadas(origen)
{
    ///////////////////////////////////////////
 
    var inputs = origen.getElementsByTagName("input");
    var checkboxes = new Array();
    var chk_cuenta = 0;
    
    ///////////////////////////////////////////
 
    for (i=0; i<inputs.length; i++)
    {
        if (inputs[i].type == "checkbox" &&
            inputs[i].id == "marca" &&
            inputs[i].checked)
        {
            checkboxes[chk_cuenta] = inputs[i];
            chk_cuenta ++;
        }
    }
 
    ///////////////////////////////////////////
 
    for (i=0; i<checkboxes.length; i++)
    {
        origen.deleteRow(checkboxes[i].value - 1*i);
    }   
 
    ///////////////////////////////////////////
    
    corregir_indices_tabla(origen);
 
    ///////////////////////////////////////////
}
 
function corregir_indices_tabla(origen)
{
    ///////////////////////////////////////////
 
    var inputs = origen.getElementsByTagName("input");
    
    ///////////////////////////////////////////
 
    for (i=0; i<inputs.length; i++)
    {
        if (inputs[i].type == "checkbox" &&
            inputs[i].id == "marca")
        {
            inputs[i].value = i + 1;
        }
    }
 
    ///////////////////////////////////////////
}
 
</script>
 
<table class="tabla" id="info" name="info">
<tr class="titulos">
    <td>
        Marca
    </td>
    <td>
        Nombres
    </td>
 
    <td>
        Apellidos
    </td>
</tr>
</table>
 
<br />
 
<form id="datos" name="datos">
  Nombres:   <input type="text" id="nombres" name="nombres" value="" size="25" />
  Apellidos: <input type="text" id="apellidos" name="apellidos" value="" size="25" />
 
  &nbsp;
  <input type="button" id="agregar" name="agregar" value="Agregar" onClick="agregar_fila(datos, info)" />
  <input type="button" id="remover" name="remover" value="Remover" onClick="remover_filas_marcadas(info)" />
</form>
 

gracias vmac179 pero no logro enterder como crea las tabla la funcion agregar_fila o como podria agegar mas celdas a esta funcion.