首页 > 语言 > JavaScript > 正文

关于js遍历表格的实例

2024-05-06 15:48:57
字体:
来源:转载
供稿:网友
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>
<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" />
</form>
</body>
</html>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选