Mi ciclo for iterará varias veces, pero cualquier cambio que quiera hacer en las celdas solo ocurre en la primera fila. Los contadores de las filas y las celdas suben, pero las únicas celdas que se actualizan son las de la primera fila. Incluso he examinado a través de la consola y no les sucede nada a las otras filas.
Nota : Solo quiero que se actualicen las celdas con los ID
var table = document.getElementById("myTable"); for (var r = 0, n = table.rows.length; r < n; r++) //for every row { for (var c = 0, m = table.rows[r].cells.length; c < m; c++) //for every cell { var x = document.getElementsByTagName("td")[c]; console.log("row counter " + r); console.log("cell counter " + c); if (x.id == "wed_asso") { schedule_wed(); x.innerHTML = wed_associate; } if (x.id == "asso") { schedule(); x.innerHTML = associate; } } } <table id="myTable"> <tr> <th> </th> <th> Wednesday </th> <th> Thursday</th> <th> Friday</th> <th> Saturday</th> <th> Thursday</th> <th> Friday</th> <th> Saturday</th> </tr> <tr> <td> TDR</td> <td>John</td> <td id="asso"></td> <td>Alec</td> <td id="asso"></td> <td id="asso"></td> <td>Alec</td> <td id="asso"></td> </tr> <tr> <td> </td> <td id="wed_asso"> </td> <td id="asso"> </td> <td id="asso"> </td> <td id="asso"> </td> <td id="asso"> </td> <td id="asso"> </td> <td id="asso"> </td> </tr> </table>