There's this div in a site:

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

I want to remove it using a Chrome extension... Can someone give only the javascript code alone? Thanks.

There's this div in a site:

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

I want to remove it using a Chrome extension... Can someone give only the javascript code alone? Thanks.

• javascript
• google-chrome-extension

3 Answers 3

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');

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');

If by removing you simply mean hiding then you can run this from a content script:

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

(this assumes there is only 1 section1 element on the page, otherwise you would need to use document.querySelectorAll and filter the results based on some criteria)