当前位置：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程序设计有所帮助。

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！