JavaScript 遍历 HTML 表格并提取文本内容

JavaScript 遍历表格并提取文本内容

首先，通过 document.getElementById 方法获取 ID 为 "tableName" 的表格对象，并将其赋值给变量 tableObj。

初始化一个空字符串变量 str，用于后续存储遍历过程中提取的表格内容。

使用 for 循环遍历 tableObj 的所有行（rows），循环变量 i 从 0 递增到表格行数减 1。

在行循环内部，再次使用 for 循环遍历当前行（tableObj.rows[i]）的所有单元格（cells），循环变量 j 从 0 递增到当前行的单元格数量减 1。

此处有一行被注释掉的代码，原意可能是直接获取单元格的 innerHTML 并添加空格，但当前逻辑未启用此方式。

针对当前单元格（tableObj.rows[i].cells[j]），使用 for 循环遍历其所有子元素（children），循环变量 z 从 0 递增到子元素数量减 1。

在子元素循环中，将当前子元素赋值给变量 text，注释说明此处旨在获取文本对象（text object）。

将 text 对象的 value 属性值追加到字符串变量 str 中，从而提取具体的文本内容。

每次处理完一个单元格的子元素后，向字符串 str 追加换行符 "\n"，以区分不同单元格的内容。

循环结束后，使用 alert 方法弹出显示变量 str 中拼接好的完整表格文本内容。

该脚本的核心目的是利用 JavaScript 遍历 HTML 表格结构。