http://blog.csdn.net/itmyhome/article/details/7005784JS获取table表格任意单元格值

来源：互联网发布：学通网络ps6教程编辑：程序博客网时间：2024/06/01 10:00

http://blog.csdn.net/hpowersoft/article/details/4102818

http://blog.csdn.net/itmyhome/article/details/7005784

http://www.cnblogs.com/andygui/archive/2007/05/15/747525.html

function readTable(){

   var tt = document.getElementById("tt");
var rows = tt.getElementsByTagName("tr");
for(var i = 0;i < rows.length; i++){
   var cols = rows[i].getElementsByTagName("td");
   for(var j = 0; j < cols.length;j++){
     alert(tt.rows.item(i).cells.item(j).innerText);
   }

}

jsp页面表格布局

[html] view plaincopy

<body onload="show()">
<center>
<input type="text" value="111" id="mytext">
<table border="1" width="60%" id="mytable">
<tr>
<td id="td1">第一行第一列</td><td id="td2">第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td>
</tr>
<tr>
<td>第三行第一列</td><td>第三行第二列</td>
</tr>
</table>
</center>
</body>

js代码

[javascript] view plaincopy

<script type="text/javascript">
function show(){
// 获取id为 mytext 的普通元素值
var mytext = document.getElementById("mytext").value;
//用标记id的td元素获取值方法
var td1 = document.getElementById("td1").innerHTML;
//用获取table(通过其id ) 获取指定的行，列
var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;
//遍历 table表格
var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格
alert(td1); //第一行第一列
alert(mytable); //第二行第三列
for(var i=0;i<s3.rows.length;i++){
for(var j=0;j<s3.rows[i].cells.length;j++){
alert(s3.rows[i].cells[j].innerHTML);
}
}
}
</script>

Javascript遍历Html Table

1: 遍历并输出Table中值
<table id="tb">
   <tr>
      <td></td>
   </tr>
   <tr>
      <td></td>
   </tr>
</table>
function f()
{
   var t=document.getElementById("tb").childNodes.item(0);
   for(var i=0;i< t.childNodes.length;i++)
   {
      for(var j=0;j<t.childNodes(i).childNodes.length;j++)
         {
            alert(t.childNodes(i).childNodes(j).innerText);
         }
   }
}

2: 遍历Table，读取CheckBox状态和其他Column值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
</head>
<body onload="f()">

</script>