Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/06/2011, 09:21
Lossarnach
 
Fecha de Ingreso: junio-2009
Mensajes: 44
Antigüedad: 15 años, 5 meses
Puntos: 1
Recorrer tabla DOM

Buenas, la cuestión es la siguiente: como recorro una tabla DOM...

La cosa es que la función que os voy a poner a continuación me permitía recorrer la tabla, pero al introducirle las dos funciones de agregar y eliminar celdas, ya no me recorre la tabla, os pongo las tres funciones:
Código:
function addRow(){
     var tabla = document.getElementById("TablaDatos");
     var tr = document.createElement("tr");		
     for (var j=0; j<1; j++) {
          var td = document.createElement("td");
          tr.appendChild(td);
     }
     tabla.appendChild(tr);	
}	
					
function removeTable(){
     var tabla = document.getElementById('TablaDatos');
     var ultRow = tabla.rows.length;
     if(ultRow > 1){
          tabla.deleteRow(ultRow-1);
     }
}
			
function datosTextos(){
     var tabla = document.getElementById('TablaDatos');
     textos = "";
     caja = "";
     for (var i=0;i < tabla.rows.length -1; i++){
          for (var j=0; j<2; j++){
               if(tabla.rows[i].cells[j].innerHTML == ""){
               }else{
                    textos = textos + tabla.rows[i].cells[j].innerHTML + "<br>";
               }
               caja = tabla.value;
          }
     }
     textos = textos + caja;
     document.writeln(strip_tags(textos,'<br>'));
}
PD: ¿Porque recorrer tablas? Porque es una tabla drag & drop, y en la segunda tabla soltamos los elementos que deseamos, y mediante un boton:
Código HTML:
<button type="button" onClick="datosTextos()">Ver valores de la tabla</button> 
Vemos los datos cargados...

PD2: La inserción y eliminación de tablas me las hace perfecto.

Un saludo.