我正在寻找一种循环遍历给定HTML文档中所有表的方法。该文档是一个自动生成的报告,其中可能只有1个,最多可生成数千个生成的表,我需要能够从单个关键字搜索字段中进行过滤。要求有点奇怪:
<table>
或display:table
CSS格式表格的解决方案。我有什么选择?
答案 0 :(得分: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>";
}
}
&#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;