循环遍历HTML文档

时间:2017-10-23 15:03:58

标签: javascript .net html-table css-tables portability

我正在寻找一种循环遍历给定HTML文档中所有表的方法。该文档是一个自动生成的报告,其中可能只有1个,最多可生成数千个生成的表,我需要能够从单个关键字搜索字段中进行过滤。要求有点奇怪:

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

我有什么选择?

1 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
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>";
  }
}
&#13;
<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>
&#13;
&#13;
&#13;