html如何获取表格行数据,js遍历获取表格内数据的方法(必看)

本文详细介绍了如何使用JavaScript获取HTML表格中的数据,包括获取表格行数、列数以及遍历表格内容并保存到数组的方法。通过示例代码展示了如何遍历表格并显示内容,对于理解和操作表格数据具有参考价值。
摘要由CSDN通过智能技术生成

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

1、一般的表格结构如下

id name
1 fdipzone
2 wing

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

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

获取表格行数

/**

* 获取表格行数

* @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

return mytable.rows[index].cells.length;

}else{

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值