Ver Mensaje Individual
  #4 (permalink)  
Antiguo 01/02/2014, 19:05
Avatar de djaevi
djaevi
 
Fecha de Ingreso: marzo-2007
Ubicación: Moreno, Buenos Aires
Mensajes: 400
Antigüedad: 17 años, 1 mes
Puntos: 47
Respuesta: Añadir/Eliminar filas de tablas html con javascript, gran problema

Tambien podes usar DOM y crear los elementos dinamicamente: x ejemplo.

Código Javascript:
Ver original
  1. function myCreateFunction() {
  2.  
  3. var table = document.getElementById("myTable");
  4.     var row = table.insertRow(0);
  5.     var cell1 = row.insertCell(0);
  6.     var cell2 = row.insertCell(1);
  7.  
  8. // CREO UN ELEMENTO DEL TIPO INPUT CON document.createElement("NOMBRE TAG HTML QUE QUIERO CREAR");
  9.  
  10.     var input = document.createElement("input");
  11.         input.type = "text";
  12.         input.className = "myInput";
  13.         input.style.height = "20px";
  14.         input.style.width = "100px";
  15.  
  16. // HAGO UN CLON DEL PRIMER INPUT PARA TENER OTRO IGUAL
  17.    
  18.     var input2 = input.cloneNode(true);
  19.    
  20. // CON EL METODO appendChild(); LOS AGREGO A LA CELDA QUE QUIERO
  21.  
  22.     cell1.appendChild(input);  
  23.     cell2.appendChild(input2);
  24.  
  25. }

En muchos casos cuando modificas, creas o borras muchas cosas del arbol html con javascript, usar DOM te clarifica mucho mas el codigo, y lei por ahi que es mas estandar utilizar DOM que innerHTML. Igualmente en mi experiencia personal cuando también usé innerHTML nunca tuve problemas nisiquiera con I.E.

Saludos