从 HTML 表格中提取特定数据或隐藏特定行

Question

请帮忙，因为这让我很头疼。我的脚本技能是基本的，但我学得很快。 我有在外部网站上运行 java 脚本并显示表格的 HTML 代码。 就我而言，这是即将到来的足球联赛。我想使用我们俱乐部网站上的代码显示此表格，但我只希望它显示表格的某些行，即仅包含我们俱乐部沃特福德女子足球俱乐部的 2 支球队的比赛。

有没有办法修改这个脚本来隐藏某些行或另一个脚本来提取某些行并填充到另一个表中？ 我必须使用的代码是：

<div id="lrep509554198" style="width: 350px;">Data loading....<a href="http://full-time.thefa.com/Index.do?divisionseason=511456772">click here for Under 15's Division Two</a><br/><br/><a href="http://www.thefa.com/FULL-TIME">FULL-TIME Home</a></div>
<script language="javascript" type="text/javascript">
var lrcode = '509554198'
</script>
<script language="Javascript" type="text/javascript" src="http://full-time.thefa.com/client/api/cs1.js"></script>

不幸的是，它要求您允许不安全的脚本，因此它不会在此处正确生成。 如果您将代码复制到 HTML 文件并加载到 IE 中，允许脚本，您将看到该表。

非常感谢 标记

Answer 1

尝试将此脚本添加到您的 html，

<div id="lrep509554198" style="width: 350px;">Data loading....<a href="http://full-time.thefa.com/Index.do?divisionseason=511456772">click here for Under 15's Division Two</a><br/><br/><a href="http://www.thefa.com/FULL-TIME">FULL-TIME Home</a></div>
<script language="javascript" type="text/javascript">
var lrcode = '509554198'
</script>
<script language="Javascript" type="text/javascript" src="http://full-time.thefa.com/client/api/cs1.js"></script>
<script type="text/javascript">
function load() {
    var trElements = document.getElementsByTagName('tr');
    var trsWithMatch = new Array();
    for (i = 0; i < trElements.length; i++) {
        var innerChildr = trElements[i].innerHTML;
        if(innerChildr.indexOf('Watford Ladies Wasps') == -1) {
            trsWithMatch.push(i);
        }
    }
    if(trsWithMatch.length != 0) {
        for (i = 0; i < trsWithMatch.length; i++) {
            var indexFor = trsWithMatch[i];
            var trMatched = trElements[indexFor];
            trMatched.style.display = "none";
        }
    }
}
window.onload = load;

</script>