首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:17:54
字体:
来源:转载
供稿:网友

这篇文章主要介绍了JS获取表格内指定单元格html内容的方法,涉及javascript中innerHTML属性的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

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

 

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选