Acceder a las Celdas de una Tabla

Accedemos al contenido de una Tabla mediante la jerarquía del DOM, también podemos modificar dinámicamente sus valores.

En este caso, simplemente mostramos el contenido de una celda de la tabla usando su ID para acceder mediante filas a las celdas de la fila (0<i<filas , 0<j<celdas de la fila):

document.getElementById("IDdeTabla").rows[i].cells[j].innerText

También se puede acceder directamente a las celdas en el array "cells" mediante (0<j<celdas de la tabla=cells.length):

document.getElementById("IDdeTabla").cells[j].innerText

Un ejemplo de tabla (incluyendo la "estructura" básica) sería:

<table id="Tabla1"> <tr><td>Celda 0,0</td><td>Celda 0,1</td><td>Celda 0,2</td></tr> <tr><td>Celda 1,0</td><td>Celda 1,1</td><td>Celda 1,2</td></tr> <tr><td>Celda 2,0</td><td>Celda 2,1</td><td>Celda 2,2</td></tr> <tr><td>Celda 3,0</td><td>Celda 3,1</td><td>Celda 3,2</td></tr> <tr><td>Celda 4,0</td><td>Celda 4,1</td><td>Celda 4,2</td></tr> </table>

Por último recordar que así como obtenemos sus valores, también podemos modificarlos asignando HTML al contenido del "innerHTML" como sigue:

document.getElementById("Tabla1").rows[0].cells[0].innerHTML = "<p>Algo de <b>HTML</b></p>"