Hay varios errores en tu forma de recorrer la tabla.
En el primer
for
tienes que buscar las filas conresume_table.rows
, pero tú estas buscando conresume_table.cells
El segundo
for
está bien, pero no tienes que usarj
para encontrar la celda, al ser dos bucles anidados,col
será cada valor, como podrás ver en el console.log.
A partir de ahí puedes operar con tus datos, o bien optar por otra forma de lectura, dependiendo de lo que quieras lograr.
Puedes probar el código, he impreso valor, fila y celda, para que entiendas cómo funciona.
var resume_table = document.getElementById("rwd-table-id");
for (var i = 0, row; row = resume_table.rows[i]; i++) {
//alert(cell[i].innerText);
for (var j = 0, col; col = row.cells[j]; j++) {
//alert(col[j].innerText);
console.log(`Txt: ${col.innerText} \tFila: ${i} \t Celda: ${j}`);
}
}
<table class="rwd-table" id="rwd-table-id">
<tr>
<th>Nombre</th>
<th>Apellido</th>
<th>Estado</th>
</tr>
<tr>
<td id="name">Juan</td>
<td id="apellido">Perez</td>
<td id="status">Online</td>
</tr>
<tr>
<td id="name">Pedro</td>
<td id="apellido">Lopez</td>
<td id="status">Online</td>
</tr>
<tr>
<td id="name">Antonia</td>
<td id="apellido">Sandoval</td>
<td id="status">Online</td>
</tr>
</table>
A partir de ahí podrás operar con tu tabla, recurriendo a ciertos trucos, por ejemplo, si quieres ignorar la primera fila, sólo tienes que poner el primer bucle así:
for (var i = 1, row; row = resume_table.rows[i]; i++) {
Igualando i
a 1
ignorarías la primera fila. Luego, dependiendo de tu objetivo final, podría haber otras formas de acceder a ciertos valores directamente, por su posición en la tabla por ejemplo, o por su id
.
Por ejemplo, si se trata de modificar ciertos elementos, podrías valerte también de clases CSS para eso, asignando una cierta clase a unos determinados elementos.