通过Javascript过滤表[关闭]答案

【问题标题】：Filter a table by Javascript [closed]通过Javascript过滤表[关闭]
【发布时间】：2015-05-27 07:43:59
【问题描述】：

<script type="text/javascript">
function filterResults() {

    var trTag = document.getElementsByTagName("tr");

    for (var i = 0; i < trTag.length; i++) {
        if (trTag[i].OuterHTML.includes(filterTXT.Value)) {
            trTag.Style.Display = "none";
        }
    }
}
</script>

Firefox 告诉我：trTag[i].OuterHTML is undefined。我认为这是因为OuterHTML 不存在？如果是这样，我应该改用什么？

【问题讨论】：

在此处添加 HTML 结构。
使用outerHTML 而不是OuterHTML。属性名称区分大小写。
呸，我得习惯区分大小写。
您还应该将Style、Display 分别更改为style、display。

标签： javascript html filter

【解决方案1】：

JavaScript 是一种区分大小写的语言。

JavaScript 区分大小写。构造函数的名称通常以大写字母开头，函数或变量的名称以小写字母开头 (ref)。

您可能想要进行这些更改

outerHTML 不是 OuterHTML (ref)
style 不是 Style (ref)
display 不是 Display (ref)
value 不是 Value (ref)

在你的脚本中。

<script type="text/javascript">
function filterResults() {

    var trTag = document.getElementsByTagName("tr");

    for (var i = 0; i < trTag.length; i++) {
        if (trTag[i].outerHTML.includes(filterTXT.value)) {
            trTag.style.display = "none";
        }
    }
}
</script>

【讨论】：