遍历 am HTML 文档中的所有表格

Question

我正在寻找一种遍历给定 HTML 文档中所有表格的方法。该文档是一个自动生成的报告，其中可能包含少至 1 个和多达数千个生成的表格，我需要能够从单个关键字搜索字段中进行过滤。要求有点奇怪：

• 这是一个可移植的 HTML 文档，它将 运行 在浏览器或 WebBrowser .NET 控件中完全脱机。我不能假设任何类型的外部网络连接。
• 脚本必须是纯净且相对简洁的 JavaScript，它将存在于 html 文档的每个实例中。
• 我愿意接受 <table> 或 display:table CSS 格式化表格的解决方案。
• 速度并不是特别重要。

我有哪些选择？

Answer 1

JavaScript 迭代将是最适合您的解决方案。我写了一个示例代码，我想它会帮助你。

var tables = document.getElementsByTagName("table");

for (var i = 0; i < tables.length; i++) {
  var table = tables[i];
  var tds = table.getElementsByTagName("td");

  for (var j = 0; j < tds.length; j++) {
    var text = tds[j].innerHTML;
    document.getElementById("output").innerHTML += text + "<br>";
  }
}

<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>


<br>
<h1>The Parsed Output</h1>

<div id="output"></div>