JS獲取表格內指定單元格html內容的方法
更新時間:2015年03月31日 10:35:21 作者:歐陽不瘋
這篇文章主要介紹了JS獲取表格內指定單元格html內容的方法,涉及javascript中innerHTML屬性的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS獲取表格內指定單元格html內容的方法。分享給大家供大家參考。具體如下:
下面的代碼先通過表格對象的rows獲得指定的行的所有單元格數組,然后定位指定的單元格,通過單元格的innerHTML屬性獲得單元格的html內容
<!DOCTYPE html> <html> <head> <script> function cell() { var x=document.getElementById('myTable').rows[0].cells; alert(x[0].innerHTML); } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </table> <br> <input type="button" onclick="cell()" value="Alert first cell"> </body> </html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
Taro UI框架開發(fā)小程序實現左滑喜歡右滑不喜歡效果的示例代碼
這篇文章主要介紹了Taro UI開發(fā)小程序實現左滑喜歡右滑不喜歡效果,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置
這篇文章主要介紹了Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置 ,需要的朋友可以參考下2018-10-10