html获得一个的table中tBody中的内容

function gettbodyValue()
{
alert("-------------------------");
var t= document.all.yltable.children;
for(var i=0; i<t.length; i++)
{
alert("my:"+t[i].tagName);
if(t[i].tagName=="TBODY")
{
var trs = t[i].children;
for(var j=0;j<trs.length; j++)
alert(trs[j].outerHTML);
}
}

<table border="1" align="center" width="50%" id="yltable">
<TBODY id=yl1>
<tr>
<td width="30%" height="22"><div align="center">1</div></td>
<td width="40%">
<div align="center">
<input name="textfield" type="text" value="yl">
</div></td>
<td width="30%"><div align="center">
<input name="button3" type="button" onClick="delrow1()" value="删除1">
&nbsp;
</div></td>
</tr>
</TBODY>

</table>

提取<table>元素

楼主给你一个用JS获取表格内容的简单例子:

<html>

<head>
<title>getTableContent</title>
<script language="javascript">
function getTableContent(rowIndex) {
var node = document.getElementsByTagName("table")[0];
var child = node.getElementsByTagName("tr")[rowIndex - 1];
var text = child.firstChild.innerHTML;
window.alert("表格第" + rowIndex + "的内容为: " + text);
}
</script>
</head>

<body>
<table 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>
</table>
<br>
<input type="text" name="rowIndex" value="要获取表格第几行的内容?" size="22"> <input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(rowIndex.value)">
</body>

</html>
来自:http://www2.matrix.org.cn/thread.shtml?topicId=39684&forumId=14&fid=14

你可能感兴趣的:(table)