Skip to main content
se añadieron 613 caracteres en el cuerpo
Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Hay varios errores en tu forma de recorrer la tabla.

  1. En el primer for tienes que buscar las filas con resume_table.rows, pero tú estas buscando con resume_table.cells

  2. El segundo for está bien, pero no tienes que usar j 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.

Hay varios errores en tu forma de recorrer la tabla.

  1. En el primer for tienes que buscar las filas con resume_table.rows, pero tú estas buscando con resume_table.cells

  2. El segundo for está bien, pero no tienes que usar j 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>

Hay varios errores en tu forma de recorrer la tabla.

  1. En el primer for tienes que buscar las filas con resume_table.rows, pero tú estas buscando con resume_table.cells

  2. El segundo for está bien, pero no tienes que usar j 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.

Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Hay varios errores en tu forma de recorrer la tabla.

  1. En el primer for tienes que buscar las filas con resume_table.rows, pero tú estas buscando con resume_table.cells

  2. El segundo for está bien, pero no tienes que usar j 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>