如何使用Chrome擴展程序刪除網站中的div？

Question

有這個div在網站

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

我想用一個瀏覽器擴展程序將其刪除...可有人只給出了單獨的JavaScript代碼？謝謝。

Answer 1

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 2

如果通過刪除您僅僅意味着隱藏，那麼你可以從內容腳本運行此：

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

（假設只有1 section1頁面上的元素，否則你將需要使用document.querySelectorAll，並根據一些標準篩選結果）

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