Estaba tratando de acceder a cada segunda celda de cada fila en una tabla, pero parece que no funciona y solo muestra un montón de variables indefinidas. ¿Hay alguna manera de que pueda hacer esto? Cualquier ayuda sería apreciada.
Tabla de ejemplo:
| Columna A | Columna B | Columna C |
|---|---|---|
| Datos 1A | Datos 1B | Datos 1C |
| Datos 2A | Datos 2B | Datos 2C |
| Datos 3A | Datos 3B | Datos 3C |
Nota: estaba tratando de acceder a la celda de datos en cursiva.
let table = document.querySelector("table"); for (let row of table.rows) { for (let cell of row.cells) { console.log(cell[1]); } }Producción :
UndefinedEsperando salida:
<td>Data 1B</td> <td>Data 2B</td> <td>Data 3B</td>Por favor mira:
const tbl = document.querySelector("table"); for(let row of tbl.rows) { console.log(row.cells[1].innerHTML); } <table> <tbody> <tr> <td>td 0.0</td> <td>td 0.1</td> <td>td 0.2</td> </tr> <tr> <td>td 1.0</td> <td>td 1.1</td> <td>td 1.2</td> </tr> </tbody> </table>En su código, está tratando de alcanzar el índice de valor interno de la celda iterada como:
for (let cell of row.cells) { console.log(cell[1]); }lo cual es incorrecto.
Esta es mi solución:
let secCellList= document.querySelectorAll("table tbody tr td:nth-child(2)"); secCellList.forEach(secondCell=>{ console.log(secondCell.innerHTML); })