js中獲取 table節(jié)點各tr及td的內(nèi)容簡單實例
更新時間：2016年10月14日 20:53:20 投稿：jingxian
下面小編就為大家?guī)硪黄猨s中獲取 table節(jié)點各tr及td的內(nèi)容簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0">
<tr>
<td height="25">第一行</td>
</tr>
<tr>
<td height="25">第二行</td>
</tr>
<tr>
<td height="25">第三行</td>
</tr>
<tr>
<td height="25">第四行</td>
</tr>
<tr>
<td height="25"><input type="button" name="getTableContent" value="獲得表格內(nèi)容" onclick="getTableContent(this)"></td>
</tr>
</table>
如上所示代碼，按鈕點擊事件中傳入this對象，此對象就是按鈕本身。通過以下方法測試獲取表格的數(shù)據(jù)
<script language="javascript">
function getTableContent(node) {
// 按鈕的父節(jié)點的父節(jié)點是tr。
var tr1 = node.parentNode.parentNode;
alert(tr1.rowIndex);
alert(tr1.cells[0].childNodes[0].value); //獲取的方法一
alert(tr1.cells[0].innerText);
// 通過以下方式找到table對象，在獲取tr，td。然后獲取td的html內(nèi)容
var table = document.getElementById("tb1");//獲取第一個表格
var child = table.getElementsByTagName("tr")[rowIndex - 1];//獲取行的第一個單元格
var text = child.firstChild.innerHTML;
window.alert("表格第" + rowIndex + "的內(nèi)容為: " + text);
}
</script>
以上就是小編為大家?guī)淼膉s中獲取 table節(jié)點各tr及td的內(nèi)容簡單實例全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
jQuery實現(xiàn)MSN中文網(wǎng)滑動Tab菜單效果代碼
這篇文章主要介紹了jQuery實現(xiàn)MSN中文網(wǎng)滑動Tab菜單效果代碼,基于jQuery鼠標(biāo)事件實現(xiàn)頁面元素屬性動態(tài)切換的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery 追加元素的方法如append、prepend、before
jQuery - 追加元素的方法有很多如append、prepend、before等等，下面為大家詳細(xì)介紹下2014-01-01
這篇文章主要為大家詳細(xì)介紹了jquery簡單圖片輪播特效，圖片輪播效果特別適合做產(chǎn)品展示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-09-09
這篇文章主要介紹了jQuery Ajax使用實例,本文講解了$.ajax的一般格式、$.ajax的參數(shù)描述、$.ajax需要注意的一些地方、$.ajax我的實際應(yīng)用例子,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jquery插件開發(fā)模式,結(jié)合實例形式詳細(xì)分析了jQuery插件三種開發(fā)方式實現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
這里給大家整理匯總了10款jQuery/CSS3圖片特效插件，效果都非常棒，推薦給大家，有需要的小伙伴參考下2014-12-12
動態(tài)加載js和css的jquery，可用于在生成頁面時通過js函數(shù)加載一些共通的js和css文件,需要的朋友可以參考下2014-09-09
基于pthread_create,readlink,getpid等函數(shù)的學(xué)習(xí)與總結(jié)
以下是對pthread_create,readlink,getpid等函數(shù)的用法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下2013-07-07
jQuery彈出層始終垂直居中相對于屏幕或當(dāng)前窗口
碰到?jīng)]有固定高或者固定寬或者固定高和寬的時候，我們就需要用JS去處理，去動態(tài)獲取當(dāng)前窗口高或者寬；今天弄了2種情況，一個是相對于屏幕窗體，一個是相對于當(dāng)前的窗口，看代碼2013-04-04
jQuery使用DataTable實現(xiàn)刪除數(shù)據(jù)后重新加載功能
利用jQuery Datatable和artTemplate組合來做的表格。但是當(dāng)刪除數(shù)據(jù)時，需要重新加載table里的數(shù)據(jù)。接下來通過本文給大家分享jQuery使用DataTable實現(xiàn)刪除數(shù)據(jù)后重新加載功能，需要的朋友參考下2017-02-02