JS獲取表格內(nèi)指定單元格html內(nèi)容的方法
更新時間：2015年03月31日 10:35:21 作者：歐陽不瘋
這篇文章主要介紹了JS獲取表格內(nèi)指定單元格html內(nèi)容的方法,涉及javascript中innerHTML屬性的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS獲取表格內(nèi)指定單元格html內(nèi)容的方法。分享給大家供大家參考。具體如下：
下面的代碼先通過表格對象的rows獲得指定的行的所有單元格數(shù)組，然后定位指定的單元格，通過單元格的innerHTML屬性獲得單元格的html內(nèi)容
<!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程序設計有所幫助。
您可能感興趣的文章:
- JavaScript動態(tài)操作表格實例(添加,刪除行,列及單元格)
- JavaScript如何動態(tài)創(chuàng)建table表格
- JS實現(xiàn)從表格中動態(tài)刪除指定行的方法
- javascript如何動態(tài)加載表格與動態(tài)添加表格行
- JS實現(xiàn)動態(tài)生成表格并提交表格數(shù)據(jù)向后端
- JS實現(xiàn)向表格中動態(tài)添加行的方法
- Javascript合并表格中具有相同內(nèi)容單元格示例
- JS對HTML表格進行增刪改操作
- JavaScript中動態(tài)向表格添加數(shù)據(jù)
- JS表格的動態(tài)操作完整示例
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)密碼框驗證信息，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
大家經(jīng)常用js實現(xiàn)打字機效果，最近發(fā)現(xiàn)這個不錯2008-06-06
Taro UI框架開發(fā)小程序?qū)崿F(xiàn)左滑喜歡右滑不喜歡效果的示例代碼
這篇文章主要介紹了Taro UI開發(fā)小程序?qū)崿F(xiàn)左滑喜歡右滑不喜歡效果,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
如何獲取鼠標在div中的相對位置，其實是很簡單，下有個不錯的示例，感興趣的朋友可以參考下2013-12-12
Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置
這篇文章主要介紹了Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置 ,需要的朋友可以參考下2018-10-10
這篇文章主要介為大家詳細紹了Bootstrap CSS布局之圖像的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
微信小程序小組件 基于Canvas實現(xiàn)直播點贊氣泡效果
這篇文章主要為大家詳細介紹了微信小程序小組件，基于Canvas實現(xiàn)直播點贊氣泡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
使用JS實現(xiàn)鼠標放上圖片進行放大離開實現(xiàn)縮小功能
這篇文章主要介紹了使用JS實現(xiàn)鼠標放上圖片進行放大離開實現(xiàn)縮小功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
使用Asp.net+Javascript控制的日期控件，需要的朋友可以參考下。2010-05-05
這篇文章主要介紹了使用TS來編寫express服務器的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10