利用js实现table的无刷新静态内容过滤



最近，一直在学习前端方面的知识，看到网上有一些页面的table能够实现静态内容筛选，觉得这个东西有点意思，由于初学js就想试试。

我看了一些网上有关的案例http://www.freejs.net/article_jquerywenzi_219.html，这个案例就是较为典型的，但是是使用了jQuery：

<script type="text/javascript">
      $(function () {
        $("table").addTableFilter();
      });
</script>

就是这样一段代码就可以把效果显示出来，这是使用jQuery库带来的一个好处，但是我觉得使用jQuery所带来的后果更多是让我们能力受到更多地限制，所以我比较提倡使用JavaScript来真正实现自己的想法，这样一来我们对代码的理解能够得到进一步的加深。我的js代码如下：

        function tableFilter() {
            var keyword = document.getElementById("yunman").value.toLowerCase().split(" ");