当前位置:Gxlcms > JavaScript > JS获取表格内指定单元格html内容的方法

JS获取表格内指定单元格html内容的方法

时间:2021-07-01 10:21:17 帮助过:38人阅读

本文实例讲述了JS获取表格内指定单元格html内容的方法。分享给大家供大家参考。具体如下:

下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function cell()
  6. {
  7. var x=document.getElementById('myTable').rows[0].cells;
  8. alert(x[0].innerHTML);
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <table id="myTable" border="1">
  14. <tr>
  15. <td>cell 1</td>
  16. <td>cell 2</td>
  17. </tr>
  18. <tr>
  19. <td>cell 3</td>
  20. <td>cell 4</td>
  21. </tr>
  22. </table>
  23. <br>
  24. <input type="button" onclick="cell()"
  25. value="Alert first cell">
  26. </body>
  27. </html>

希望本文所述对大家的javascript程序设计有所帮助。

人气教程排行