Javascript 在Html表中搜索文本

我只是在谷歌上搜索一个脚本，我可以用它在HTML表中查找文本

我创建了一个学生姓名表，其中有许多列和行。我有一个很好的脚本也显示任何我试图搜索，但它显示完整的行

函数searchSname（）{
var输入，过滤器，发现，表格，tr，td，i，j；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
发现=真；
}
}
如果（找到）{
tr[i].style.display=“”；
发现=错误；
}否则{
tr[i].style.display=“无”；
}
}
}

AB
卑诗省
光盘
判定元件
环境足迹
生长激素

这比你做的要简单得多

var cells=document.querySelectorAll（“#myTable td”）；
var search=document.getElementById（“myInput”）；
search.addEventListener（“keyup”，function（））{
对于（变量i=0；i

表格，td{border:1px纯黑色；border collapse:collapse；}

AB
卑诗省
光盘
判定元件
环境足迹
生长激素

为什么不对其他单元格应用另一种CSS样式（如不同的颜色）？我认为用户可以看到其他值，但搜索的数据必须是明显的。这是个好主意，但我尝试创建一些隐藏/显示不突出显示的内容。