JS获取web页面表格数据

最新推荐文章于 2024-09-06 14:48:16 发布

原创最新推荐文章于 2024-09-06 14:48:16 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #遍历 #Web

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript从网页上的表格元素中提取数据的方法。通过遍历表格的每一行和每一列，该方法能够将所有单元格的内容串联成字符串形式，并以特定的分隔符进行区分。

/**
* 获取页面表格数据
* @param {} tableId 表格id
* @return {}
*/
function getTableVal(tableId){
   var exp = "";
   var table = document.getElementById(tableId); //获取页面的table
   var LenRow = table.rows.length; //以下为循环遍历获取页面table的cell元素
   for (var i = 0; i < LenRow; i++) {
       var lenCol = table.rows(i).cells.length;
       for (var j = 0; j < lenCol; j++) {
           exp += table.rows(i).cells(j).innerText;
           if (j == lenCol - 1) {
               exp += "|";
           } else {
               exp += ",";
           }
       }
   }
   return exp;
}