微客导航 » 文章资讯 » js遍历获取表格内数据的方法(必看)

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

2024-02-26 04:42:02 260

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

1、一般的表格结构如下



id
name


1
fdipzone


2
wing

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

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


获取表格行数


/**
*获取表格行数
*@paramIntid表格id
*@returnInt
*/
functiongetTableRowsLength(id){
varmytable=document.getElementById(id);
returnmytable.rows.length;
}

获取表格某一行列数


/**
*获取表格某一行列数
*@paramIntid表格id
*@paramIntindex行数
*@returnInt
*/
functiongetTableRowCellsLength(id,index){
varmytable=document.getElementById(id);
if(index

遍历表格内容保存到数组


/**
*遍历表格内容返回数组
*@paramIntid表格id
*@returnArray
*/
functiongetTableContent(id){
varmytable=document.getElementById(id);
vardata=[];
for(vari=0,rows=mytable.rows.length;i

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





获取表格内容

table{width:300px;border:1pxsolid#000000;border-collapse:collapse;}
td{border:1pxsolid#000000;border-collapse:collapse;}



/**
*遍历表格内容返回数组
*@paramIntid表格id
*@returnArray
*/
functiongetTableContent(id){
varmytable=document.getElementById(id);
vardata=[];
for(vari=0,rows=mytable.rows.length;i





id
name


1
fdipzone


2
wing

以上这篇js遍历获取表格内数据的方法(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐