从包含特定单词的网页中隐藏整个元素

Question

这是我想在网页中隐藏的元素，如果它包含单词“weight”：这个元素的不变之处在于它包含单词“weight”：

重量：25.10 美元成本：135.00 美元

基本上我想要一个将在 Chrome 控制台中运行的代码，并会在整个网页中找到“重量”一词并隐藏包含该词的元素：请提出任何建议？

我读到有人提议创建类等：但我认为应该有简单的代码插入 Chrome 控制台来完成这项工作：

Answer 1

您可以通过使用必要的文本搜索所有 TextNode（使用TreeWalker ）并进一步隐藏它们的父元素来解决类似的问题。 下面的简化示例：

 const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT); while (walker.nextNode()) { if (walker.currentNode.textContent.match('weight')) walker.currentNode.parentElement.hidden = true; }

 <ol> <li>...</li> <li>Hidden element: weight: 25.10 cost: $135.00</li> <li>Visible element: "test 1"</li> <li>Visible element: "test 2"</li> <li>Hidden element: "weight"</li> <li>...</li> </ol>