javascript - 如何从网页中隐藏包含特定单词的特定 HTML 元素?

标签 javascript html css google-chrome-extension firefox-addon

假设,我想从 Facebook 新闻源中隐藏任何显示单词“foo”的 HTML 元素。

到目前为止,我已经了解到我必须使用在后台运行的 JavaScript 创建一个扩展程序,以检测某个词的存在并隐藏整个帖子。

基本上,我想了解在浏览器上运行的广告拦截扩展程序是如何实现的。

最佳答案

你可以这样做

使用 querySelectorAll 获取特定元素,或者您可以使用更具体的选择器(如 id 或 class)来定位绝对元素。遍历集合并检查 textContentinnerHTML

您可以直接更改样式属性来隐藏它,或者向该元素添加一个类来隐藏它

var getAllDiv = document.querySelectorAll('div');
getAllDiv.forEach(function(item) {

  if (item.textContent.trim() == 'John') {
    console.log(item.textContent)
    item.style.display = 'none'
  }

})

DEMO

关于javascript - 如何从网页中隐藏包含特定单词的特定 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42245562/

相关文章:

html - 1px DropShadow 底部较厚

javascript - D3.js 如何使用折线图在我的图例中添加工具提示

javascript - 如何从 Kotlin 代码调用 Javascript 函数?

html - 上边距不起作用

html - 尝试通过使用转换来翻转一个 div 并显示另一个 div 来模拟卡片翻转

javascript - 背景图像缩放效果。

css - URL 重写在 Laravel 应用程序中编译的 CSS 文件中生成错误的 URL

javascript - 强制为每个访问者加载启动页面

javascript - 如何解决 JS/Jquery 动画代码流错误?

javascript - 将变量与循环结合起来