javascript如何遍历表格

javascript如何便利表格:
有时候需要去遍历一个表格中的数据,然后把这个数据存入一个数组,要特别注意的是,下面就简单介绍一下如何实现此效果。
代码实例如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8"> 
<title>javascript便利表格</title>
<script type="text/javascript">
function getData()
{
  var arrData=new Array();
  var objTable=document.getElementById("myTable");
  var x=0
  if(objTable)
  {
    for(var i=0;i<objTable.rows.length;i++)
    {
      for(var j=0;j<objTable.rows[i].cells.length;j++)
      {
        arrData[x]=objTable.rows[i].cells[j].innerText;
        x=x+1;
      }
    }
  }
  alert(arrData.length);
}
</script>
</head>
<body>
<table border="1" id="myTable">
  <tr>
    <td>蚂蚁部落一</td>
    <td>蚂蚁部落二</td>
    <td>蚂蚁部落三</td>
  </tr>
  <tr>
    <td>蚂蚁部落四</td>
    <td>蚂蚁部落五</td>
    <td>蚂蚁部落六</td>
  </tr>
  <tr>
    <td>蚂蚁部落七</td>
    <td>蚂蚁部落八</td>
    <td>蚂蚁部落九</td>
  </tr>
</table>
<form>
<input type="button" value="getData" onclick="getData()" />
</form>
</body>
</html>

以上代码实现了我们的需求,可以将表格中的内容存入数组,最后弹出数组的长度。
代码注释:
1.var arrData=new Array(),创建一个数组用于存储表格单元格中的内容。
2.var objTable=document.getElementById("myTable"),获取表格对象。
3.var x=0,定义个变量x,作为数组表格单元的索引。
4.for(var i=0;i<objTable.rows.length;i++),遍历比偶个的行,objTable.rows可以获得表格行的集合。
5.for(var j=0;j<objTable.rows.cells.length;j++),遍历表格每一行的单元格。
6.arrData[x]=objTable.rows.cells[j].innerTex,将表格单元格中的内容存在输入。
7.x=x+1,索引值加1.

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8134

更多内容可以参阅:http://www.softwhy.com/javascript/

你可能感兴趣的:(javascript如何遍历表格)