Как удалить div на сайте, используя расширение Chrome?

Question

На сайте есть этот div:

<div class="section1">
....
</div>

Я хочу удалить его, используя расширение Chrome ... Кто-то может дать только один код javascript? Спасибо.

Answer 1

function removeElementsByClassName(names) {
    var els = document.getElementsByClassName(names),
        i, element;
    for (i = els.count - 1; i > 0; i -= 1) {
        element = els[i];
        element.parentElement.removeChild(element);
    }
}

removeElementsByClassName('section1');

Answer 2

function removeElement(parentDiv, childDiv){
     if (childDiv == parentDiv) {
          alert("The parent div cannot be removed.");
     }
     else if (document.getElementById(childDiv)) {     
          var child = document.getElementById(childDiv);
          var parent = document.getElementById(parentDiv);
          parent.removeChild(child);
     }
     else {
          alert("Child div has already been removed or does not exist.");
          return false;
     }
}

removeElement('parent','child');

Answer 3

Если под удалением вы просто подразумеваете скрытие, вы можете запустить его из скрипта контента:

document.querySelector('div.section1').style.display = 'none';

(при этом предполагается, что на странице есть только 1 section1 элемент, в противном случае вам придется использоватьdocument.querySelectorAll и отфильтровать результаты по некоторым критериям)