JavaScript遍历HTML表格所有单元格数据

作者:竹影

时间:2026-10-28

浏览:341

本文介绍如何使用JavaScript遍历HTML表格的所有单元格内容。核心思路是先遍历表格的所有行(Row),再逐行遍历每一列(Cell),通过访问DOM节点获取单元格文本。

文章目录

JavaScript遍历HTML表格所有单元格内容

JavaScript遍历HTML表格所有单元格内容的核心思路是:首先遍历表格的所有行(Row),然后在每一行中遍历其包含的列(Cell),从而获取表格中各个单元格的具体内容。


function GetInfoFromTable(tableid) {
  var tableInfo = "";
  var tableObj = document.getElementById(tableid);
  for (var i = 0; i < tableObj.rows.length; i++) {  //遍历Table的所有Row
    for (var j = 0; j < tableObj.rows[i].cells.length; j++) {  //遍历Row中的每一列
      tableInfo += tableObj.rows[i].cells[j].innerText;  //获取Table中单元格的内容
      tableInfo += "  ";
    }
    tableInfo += "\n";
  }
  return tableInfo;
}

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章