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

来源:互联网 发布:宽带连接软件 编辑:程序博客网 时间:2024/06/06 07:22

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

原创粉丝点击