Find each cell value of a table using JavaScript


Example:

R1C1 R1C2 R1C3 R1C4
R2C1 R2C2 R2C3 R2C4
R3C1 R3C2 R3C3 R3C4
R4C1 R4C2 R4C3 R4C4



Code Sample:

<html> <head> <title>Find each cell value of a table using JavaScript</title> </head> <body> <table align="center" id="tblMain" border="1"> <tr> <td> R1C1 </td> <td> R1C2 </td> <td> R1C3 </td> <td> R1C4 </td> </tr> <tr> <td> R2C1 </td> <td> R2C2 </td> <td> R2C3 </td> <td> R2C4 </td> </tr> <tr> <td> R3C1 </td> <td> R3C2 </td> <td> R3C3 </td> <td> R3C4 </td> </tr> <tr> <td> R4C1 </td> <td> R4C2 </td> <td> R4C3 </td> <td> R4C4 </td> </tr> </table> <br /> <center> <input type="button" value="GetAllValues" onclick="GetAllValues();" /> </center> <script language="javascript"> function GetAllValues() { var tbl = document.getElementById("tblMain"); if (tbl != null) { for (var i = 0; i < tbl.rows.length; i++) { for (var j = 0; j < tbl.rows[i].cells.length; j++) alert(tbl.rows[i].cells[j].innerHTML); } } } </script> </body> </html>