js遍历获取表格内数据的方法(必看)

前端之家收集整理的这篇文章主要介绍了js遍历获取表格内数据的方法(必看)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文将介绍如何使用js获取表格内某一单元格的内容,表格由table,tr,td等html标记组成。table表示表格,tr表示行,td表示行中列。

1、一般的表格结构如下

2、遍历表格中所有内容方法

首先需要給table加上id,这样方便定位到哪一个表格,例如

获取表格行数

<script type="text/javascript">
/**

  • 获取表格行数
  • @param Int id 表格id
  • @return Int
    */
    function getTableRowsLength(id){
    var mytable = document.getElementById(id);
    return mytable.rows.length;
    }

获取表格某一行列数

获取表格某一行列数 * @param Int id 表格id * @param Int index 行数 * @return Int */ function getTableRowCellsLength(id,index){ var mytable = document.getElementById(id); if(index

遍历表格内容保存到数组

内容返回数组 * @param Int id 表格id * @return Array */ function getTableContent(id){ var mytable = document.getElementById(id); var data = []; for(var i=0,rows=mytable.rows.length; i

3、遍历表格内容完整例子

<Meta http-equiv="content-type" content="text/html;charset=utf-8"> <a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>表格<a href="/tag/neirong/" target="_blank" class="keywords">内容</a>