使用脚本从网页中删除特定元素？

Question

我目前使用：

“JavaScript的：document.body.contentEditable％20 =％20'true ';％20document.designMode =' 上';％20void％200"

删除网页的某些元素。 该页面是多个警报的监视视图。 我只需要监控其中的一部分。 我一直在使用上面的脚本来删除我不需要的视图。 我想知道是否有更好的方法，而不是每天手动“删除”它们。

我可以使用上面的脚本作为基础来指定这些元素并一次性删除它们吗？ 我有点像这样的新秀，所以任何和所有的帮助都表示赞赏。

Answer 1

javascript：var image_x = document.getElementById（'ID'）; image_x.parentNode.removeChild（ID）;

编辑ID; 根据需要复制和粘贴并编辑多次。 它对于我需要的东西来说是笨重而丑陋的，但它在Chrome中作为一个书签起作用。

Answer 2

您可以在Chrome上使用Greasemonkey ，也可以在Chrome上使用Tampermonkey 。 您选择，以下脚本将起作用。 您必须在浏览器中安装扩展程序。 然后，您需要使用URL替换脚本http://yoursite.com/中的URL，将所有ID添加到数组中，将脚本添加到扩展中，它将自动完成工作。 不要点击必要的书签。

// ==UserScript==
// @name        CleanUp
// @namespace   cleanup
// @include     http://yoursitehere.com/
// @version     1
// @grant       none
// ==/UserScript==
var removables = ['aus', 'bak', 'bhm', 'can'];//add more id's here following the pattern
for (var i = 0; i < removables.length; i++) {
  var element = document.getElementById(removables[i]);
  if (element) { 
    element.parentNode.removeChild(element);
  }
}

如果您想坚持使用书签，我已经为您调整了它：

javascript: function run() { var r = ['aus', 'bak', 'bhm', 'can']; for (var i = 0; i < r.length; i++) { var e = document.getElementById(r[i]); if (e) { e.parentNode.removeChild(e); } }; }; run();

在这里，您还必须更新ID列表以包含您想要的所有内容。