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并根据某些条件过滤结果）

如何使用Chrome扩展程序删除网站中的div？

3 个答案: