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>51前端一</td>
    <td>51前端二</td>
    <td>51前端三</td>
  </tr>
  <tr>
    <td>51前端四</td>
    <td>51前端五</td>
    <td>51前端六</td>
  </tr>
  <tr>
    <td>51前端七</td>
    <td>51前端八</td>
    <td>51前端九</td>
  </tr>
</table>
<form>
<input type="button" value="getData" onclick="getData()" />
</form>
</body>
</html>

代码描述：javascript 遍历表格。javascript如何遍历表格

下载全部收藏

373 497

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册