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

时间:2017-02-15 09:36:41

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

假设我要隐藏任何在Facebook新闻源中显示单词" foo"的HTML元素。

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

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

1 个答案:

答案 0 :(得分:1)

你可以这样做

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

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

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

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

})

DEMO