js遍历获取表格内数据的方法(必看)
5星 · 超过95%的资源 115 浏览量
2021-01-19
16:36:40
上传
评论 1
收藏 36KB PDF 举报 
js遍历获取表格内数据的方法遍历获取表格内数据的方法(必看必看)
本文将介绍如何使用js获取表格内某一单元格的内容，表格由table,tr,td等html标记组成。table表示表格，tr表示行，td表示行
中列。
1、一般的表格结构如下、一般的表格结构如下
<table>
<tr>
<td>id</td>
<td>name</td>
</tr>
<tr>
<td>1</td>
<td>fdipzone</td>
</tr>
<tr>
<td>2</td>
<td>wing</td>
</tr>
</table>
2、遍历表格中所有内容方法、遍历表格中所有内容方法
首先需要給table加上id，这样方便定位到哪一个表格，例如
<table id="mytable"></table>
获取表格行数
<script type="text/javascript">
/**
* 获取表格行数
* @param Int id 表格id
* @return Int
*/
function getTableRowsLength(id){
var mytable = document.getElementById(id);
return mytable.rows.length;
}
</script>
获取表格某一行列数获取表格某一行列数
<script type="text/javascript">
/**
* 获取表格某一行列数
* @param Int id 表格id
* @param Int index 行数
* @return Int
*/
function getTableRowCellsLength(id, index){
var mytable = document.getElementById(id);
if(index<mytable.rows.length){
return mytable.rows[index].cells.length;
}else{
return 0;
}
}
</script>
遍历表格内容保存到数组遍历表格内容保存到数组
<script type="text/javascript">
/**
* 遍历表格内容返回数组
* @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<rows; i++){
资源评论
巴蜀明月2023-07-28：阅读这个文件后，我对如何使用JavaScript来遍历表格内数据有了更深刻的理解。
Jaihwoe2023-07-28：这个文件提供了简洁明了的方法来获取表格内数据，非常实用。
chenbtravel2023-07-28：这个文件不仅提供了一种方法，还给出了一些实际应用的示例，很实用。
江水流春去2023-07-28：这个文件的方法描述很清晰，很容易理解，帮助我解决了遍历表格数据的难题。
张匡龙2023-07-28：我很高兴能够找到这个文件，它帮助我在项目中更高效地处理表格数据。
