Ver Mensaje Individual
  #5 (permalink)  
Antiguo 17/07/2020, 00:51
Avatar de senseeye3led
senseeye3led
 
Fecha de Ingreso: abril-2016
Ubicación: 127.0.0.1
Mensajes: 163
Antigüedad: 8 años
Puntos: 11
Respuesta: Tablas dinámicas en JS a partir de un vector

Gracias por la ayuda.

Creo que está solucionado, pero sólo lo sé hacer para IDs.

Eliminar la tabla y pintar/añadir 1 único elemento:
Código Javascript:
Ver original
  1. function miEliminarID(vector,id)
  2. {
  3.  tam = document.getElementById("miTabla").rows.length;
  4.  do {
  5.     tam=tam-1;
  6.     document.getElementById("miTabla").deleteRow(tam);
  7. }
  8. while (tam > 0);
  9. miAnyadirObj(id);
  10. }

Añadir/Pintar objeto:
Código Javascript:
Ver original
  1. function miAnyadirObj(obj)
  2. {
  3.     var table = document.getElementById("miTabla");
  4.    
  5.     var row = table.insertRow(0);
  6.    
  7.     var cell1 = row.insertCell(0);
  8.     var cell2 = row.insertCell(1);
  9.     var cell3 = row.insertCell(2);
  10.     var cell4 = row.insertCell(3);
  11.    
  12.     cell1.innerHTML = obj.id;
  13.     cell2.innerHTML = obj.nombre;
  14.     cell3.innerHTML = obj.precio;
  15.     cell4.innerHTML = obj.codigo;
  16. }

Tengo que ver cómo se podría hacer para clases, elementos etc ...

Adjunto también información de un hilo interesante publicado en estos mismos foros sobre innerHTML http://www.forosdelweb.com/f13/inner...esnudo-604511/ que puede ser otro planteamiento posible.

Última edición por senseeye3led; 17/07/2020 a las 03:24 Razón: Complementar información