Как скрыть определенный HTML-элемент, содержащий определенное слово с веб-страницы?

Question

Предположим, я хочу скрыть любой элемент HTML, который отображает слово «foo», из новостей новостей Facebook.

До сих пор я узнал, что должен создать расширение с использованием JavaScript, который работает в фоновом режиме, который обнаруживает наличие определенного слова и скрывает всю запись.

В принципе, я хочу понять, как реализованы расширения рекламных блоков, которые выполняются в браузерах.

Answer 1

Вы можете сделать как этот

Использование querySelectorAll, чтобы получить конкретные элементы или вы можете использовать более конкретный селектор как идентификатор или класс целевой абсолютный элемент. Итереть в коллекции & проверить textContent или innerHTML.

Вы можете скрыть это непосредственно изменить свойство стиля или добавить класс к этому элементу, чтобы скрыть это

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

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

}) 

DEMO