js获取table里面<tr>一整行的信息

JavaScript021

js获取table里面<tr>一整行的信息,第1张

给tr一个id，然后获取

//XX是id，string是获得的值

var row = document.getElementById('XX')

var string = row.innerHTML

<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="获得表格内容" onclick="getTableContent(this)"></td>

</tr>

</table>

如上所示代码，按钮点击事件中传入this对象，此对象就是按钮本身。通过以下方法测试获取表格的数据

<script language="javascript">

function getTableContent(node) {

// 按钮的父节点的父节点是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内容

var table = document.getElementById("tb1")//获取第一个表格

var child = table.getElementsByTagName("tr")[rowIndex - 1]//获取行的第一个单元格

var text = child.firstChild.innerHTML

window.alert("表格第" + rowIndex + "的内容为: " + text)

}

</script>

js获取表格中每行的td元素方法： var tb = document.getElementById("tb")//根据id找到这个表格 var rows = tb.rows//取得这个table下的所有行 for(var i=0i