скажем, есть элементы на веб-сайте, который я использую, имеют элементы с классами ‘aaa’ ‘bbb’ ‘ccc’, и я хочу удалить или установить отображение: нет для всех элементов с классом ‘bbb’, как я могу это сделать? это, изменение атрибутов элементов локально на веб-сайте, который я посещаю? Я знаю, что есть inspect element-{amp}gt; delete element, но их много, и я хочу, чтобы браузер делал это автоматически каждый раз, когда открываю сайт.

OMCC

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,

Вы можете написать простое расширение Chrome, которое будет работать на каждом сайте, который вы посещаете. в расширении вам нужно запустить:

const classArr = docunemt.querySelectorAll(".yourClassName") 

после того, как вы получили все из них — вы перебираете каждый конец, устанавливаете style.display в none

 for(let elm of classArr){ elm.style.display = "none" } 

Вот решение о том, как полностью удалить их, вместо того, чтобы отображать ни один, будьте осторожны с мутацией массива, потому что вы всегда будете удалять первый элемент в массиве, пока массив не получит emtpy

демонстрационный пример: https://jsfiddle.net/o7dzgbcm/

HTML

 {amp}lt;div class='aaa'{amp}gt; aaa1 {amp}lt;/div{amp}gt; {amp}lt;div class='bbb'{amp}gt; bbb {amp}lt;div class='aaa'{amp}gt; aaa2 {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class='ccc'{amp}gt; ccc {amp}lt;/div{amp}gt; 

JS

 const arrHtml = document.getElementsByClassName('aaa'); while (!!arrHtml.length) { arrHtml[0].parentNode.removeChild(arrHtml[0]) } 

А вот функция того, как вы можете переключаться между отсутствием отображения и полным удалением элементов из DOM

 function clearElements(className, arg) { const arrHtml = document.getElementsByClassName(className); if (arg === 'none') { for (let i = 0; i {amp}lt; arrHtml.length; i  ) { arrHtml[i].style.display='none' } } else { while (!!arrHtml.length) { arrHtml[0].parentNode.removeChild(arrHtml[0]) } } } // display none clearElements('none', "aaa"); // remove the elements clearElements('aaa') 

Считайте имя вашего класса скрытым, вы можете использовать

  $(document).ready(function () { $(".hidingclass").hide(); }); 
Bhavana

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,