Javascript 如何使用过滤器突出显示表格中的单词？

我想创建一个带有过滤器的表，在显示搜索结果时突出显示已搜索的关键字

我喜欢这个问题的答案：但我不知道如何在现有代码中实现它

函数myFunction{ //声明变量 var输入、过滤器、表格、tr、td、i、TXT值； 输入=document.getElementByIdmyInput； filter=input.value.toUpperCase； table=document.getElementByIdmyTable； tr=table.getElementsByTagNametr； //循环遍历所有表行，并隐藏与搜索查询不匹配的行 对于i=0；i-1{ tr[i].style.display=； }否则{ tr[i].style.display=none； } } } } 文本 正文

正文

文本 正文

正文

---

你能试试这个吗

函数createTagAndAppendTotag，txt，elem{ 让customTag=document.createElementtag； customTag.textContent=txt； 元素标记； } 函数myFunctionevt{ //声明变量 让输入、过滤器、表格、tr、td、i、TXT值； 让displayTr=[]； 过滤器=evt.value； table=document.getElementByIdmyTable； tr=table.getElementsByTagNametr； 设regExp=newregexpfilter； 如果！过滤器{ 对于let i=0；i因此，您已经定义了一个目标，并向我们展示了一些代码，但还没有确定该代码的具体问题或它产生的任何错误，或者代码具体做了什么或没有做什么，以及您在哪里遇到了具体问题。这也将有助于在表中提供足够的示例数据，以使整个代码能够运行，如您所注意的那样可能很容易在Web上找到可用的突出显示脚本。看起来您只是在第一个页面中查找您的单词匹配，如果您的单词恰好位于该行的其他td标记中，则不会匹配这些标记。如果你想在其他的td标签中找到单词，你必须添加一个嵌套的循环来遍历这些标签。问题是我希望在td标签之间有更多的html标签。在这种情况下，如果我使用您的代码，它会弄乱我的td的整个结构…请您提供html标记的结构。另外，对你的要求要非常具体。好的。谢谢现在，您想检查每个html标记中的txt并突出显示搜索的文本吗？准确地说，不破坏文本的结构html@Jay你解决了你的问题了吗，还是它仍然存在？