javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js 遍历表格

关于js遍历表格的实例

作者:

js可以利用dom非常轻松的就可以遍历一个表格。当然只要是dom中有的所有对象都可以通过js来访问和处理
复制代码 代码如下:

<html>
<head><title>遍历表格</title>
<script language="javascript">
   function getData()
   {
      var arrData=new Array();
      var objTable=document.getElementById("myTable");
      if(objTable)
      {
         for(var i=0;i<objTable.rows.length;i++)
         {
            for(var j=0;j<objTable.rows[i].cells.length;j++)
            {
                arrData[i]=objTable.rows[i].cells[j].innerText;
            }
         }
      }
      alert(arrData.join(","));
   }
</script>
</head>
<body>
<table border="1" id="myTable">
<tr><td>liu</td><td>jin</td><td>cai</td></tr>
<tr><td>liu2</td><td>jin2</td><td>cai2</td></tr>
<tr><td>liu3</td><td>jin3</td><td>cai3</td></tr>
</table>
<form>
<input type="button" value="getData" onclick="getData();" />
</form>
</body>
</html>

阅读全文