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.