<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>

如上所示代碼，按鈕點(diǎn)擊事件中傳入this對象，此對象就是按鈕本身。通過以下方法測試獲取表格的數(shù)據(jù)

<script language="javascript">
    function getTableContent(node) {
// 按鈕的父節(jié)點(diǎn)的父節(jié)點(diǎn)是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");//獲取第一個(gè)表格
		
        var child = table.getElementsByTagName("tr")[rowIndex - 1];//獲取行的第一個(gè)單元格
				
        var text = child.firstChild.innerHTML;
        window.alert("表格第" + rowIndex + "的內(nèi)容為: " + text);
    }
</script>

以上就是小編為大家?guī)淼膉s中獲取 table節(jié)點(diǎn)各tr及td的內(nèi)容簡單實(shí)例全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

jquery圖片放大功能簡單實(shí)現(xiàn)
圖片放大在某些例如商品細(xì)節(jié)放大圖比較常見，本文寫了一個(gè)圖片放大的示例適合日常應(yīng)付，有需求的朋友可以參考下
2013-08-08
jQuery實(shí)現(xiàn)的小圖列表，大圖展示效果幻燈片示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的小圖列表，大圖展示效果幻燈片,結(jié)合完整實(shí)例形式分析了jQuery圖片滑動(dòng)切換功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-10-10
jquery調(diào)取json數(shù)據(jù)實(shí)現(xiàn)省市級(jí)聯(lián)的方法
這篇文章主要介紹了jquery調(diào)取json數(shù)據(jù)實(shí)現(xiàn)省市級(jí)聯(lián)的方法,可實(shí)現(xiàn)讀取json數(shù)據(jù)綁定到下拉菜單的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-01-01
jQuery 第二課操作包裝集元素代碼
上文介紹了利用$函數(shù)篩選頁面上的元素和替代onload事件。$函數(shù)還有一個(gè)作用，當(dāng)它的參數(shù)是一個(gè)HTML片段的時(shí)候，它返回的是包含這個(gè)HTML元素的包裝集。
2010-03-03
JQuery實(shí)現(xiàn)Ajax加載圖片的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)Ajax加載圖片的方法,涉及jQuery基于緩存獲取圖片的技巧,需要的朋友可以參考下
2015-12-12
jQuery實(shí)現(xiàn)的網(wǎng)格線繪制方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)格線繪制方法,涉及jQuery針對頁面元素的獲取及樣式動(dòng)態(tài)操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
基于jquery的氣泡提示效果
氣泡默認(rèn)出現(xiàn)在觸發(fā)對象的正上方,當(dāng)觸發(fā)對象在邊上時(shí),氣泡會(huì)有一部分出現(xiàn)在窗口外面
2010-05-05
JQuery使用數(shù)組遍歷跳出each循環(huán)
這篇文章主要介紹了JQuery使用數(shù)組遍歷跳出each循環(huán),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-09-09
Jquey拖拽控件Draggable使用方法(asp.net環(huán)境)
使用時(shí)首先依次引用Jquery，Jquery-Ui ，Draggable三個(gè)Js。然后在js中編寫相應(yīng)的代碼，相關(guān)代碼說明請看程序中的注釋。
2010-09-09
JQuery異步獲取返回值中文亂碼的解決方法
這篇文章主要介紹了JQuery異步獲取返回值中文亂碼的解決方法,除了正常的編碼設(shè)置需要統(tǒng)一外,還要設(shè)置一個(gè)setCharacterEncoding才可以避免亂碼,需要的朋友可以參考下
2015-01-01