Tengo estos dos errores:
TypeError no capturado: no se pueden leer las propiedades de nulo (leyendo 'filas') en changeContent
TypeError no capturado: no se pueden leer las propiedades de nulo (leyendo 'filas') en changeContent
al intentar ejecutar el siguiente código.
function changeContent(r, c, con) { var row = document.getElementById('myTable').rows[r].cells; row[c].innerHTML =con; } changeContent(0, 0, "changed"); <!DOCTYPE html> <html><head><meta charset=utf-8 /> <title>Change the content of a cell</title> <script src="index.js"></script> </head><body> <table id="myTable" border="1"> <tr><td>Row1 cell1</td> <td>Row1 cell2</td></tr> <tr><td>Row2 cell1</td> <td>Row2 cell2</td></tr> <tr><td>Row3 cell1</td> <td>Row3 cell2</td></tr> </table><form> <input type="button" onclick="changeContent()" value="Change content"> </form></body></html>¿Cómo puedo rectificar esto? Gracias.
Editar: finalmente encontré algo que funciona:
function changeContent(r=0, c=1, con="changed") { var row = document.getElementById('myTable').rows[r].cells; row[c].innerHTML =con;}
Puede intentar hacer esto de la manera que desee/necesite alguna entrada del usuario. Como tal, solo podrá cambiar de acuerdo con ese Más allá que debe tener para alimentar algunos datos:
function changeContent() { rn = window.prompt("Input the Row number(0,1,2)", "0"); cn = window.prompt("Input the Column number(0,1)","0"); content = window.prompt("Input the Cell content"); var x=document.getElementById('myTable').rows[parseInt(rn,10)].cells; x[parseInt(cn,10)].innerHTML=content; } <html> <head> <meta charset=utf-8 /> <title>Change the content of a cell</title> <style type="text/css"> body {margin: 30px;} </style> </head><body> <table id="myTable" border="1"> <tr><td>Row1 cell1</td> <td>Row1 cell2</td></tr> <tr><td>Row2 cell1</td> <td>Row2 cell2</td></tr> <tr><td>Row3 cell1</td> <td>Row3 cell2</td></tr> </table><form> <input type="button" onclick="changeContent()" value="Change content"> </form></body></html>Finalmente encontré una solución. Asigné directamente el valor a los parámetros de la función:
function changeContent(r=0, c=1, con="changed") { var row = document.getElementById('myTable').rows[r].cells; row[c].innerHTML =con; }