Insertar y eliminar lineas en tablas HTML con Javascript

Teniendo una tabla sencilla de la forma

            <table id="fastCartTable">
               <tr>
                   <th> Product Number </th>
                   <th> Quantity </th>
               </tr>
           </table>

Ojo: ponerle id

Para crear una linea dinamicamente con javascript utilizamos el método insertRow() del objeto DOM de la tabla. Y se tienen que ir agregando las celdas a esta nueva linea usando el método insertCell().

function addLine() {
 
 var tbl = document.getElementById('fastCartTable');
 var lastRow = tbl.rows.length;
 var row = tbl.insertRow(lastRow);

 var productNoCell = row.insertCell(0);
 var qtyCell = row.insertCell(1);

 productNoCell.innerHTML = "CO001";
 qtyCell.innerHTML = "4";

 return false;
}

El método insertRow() recibe como parámetro la posicion donde se insertara la linea, en este ejemplo agrego la linea al final tomando como referencia la cantidad de líneas de la tabla.

Para borrar una línea de la tabla se utiliza el método deleteRow() el cual recibe como parámetro la linea que se va a borrar.

function deleteRow(rowIndex) {
 var table = document.getElementById('fastCartTable')
 table.deleteRow(rowIndex);
}

Un tutorial mucho más detallado esta disponible en

http://www.markoherrera.info/tutoriales/

Donde explico la creación completa de una página para ingresar, borrar y modificar datos en una tabla HTML utilizando Javascript, también explico como irla pintando estilo Zebra y como ir guardando los datos serializados para utilizarlos en procesamiento de base de datos.