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

时间:2017-06-13 15:40:44

标签: javascript html

我目前使用:

"的javascript:document.body.contentEditable%20 = 20%'真&#39 ;;%20document.designMode ='上&#39 ;;%20void%200"

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

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

2 个答案:

答案 0 :(得分:0)

javascript:var image_x = document.getElementById(' ID'); image_x.parentNode.removeChild(ID);

编辑ID;根据需要复制和粘贴并编辑多次。对于我需要的东西来说,它既笨重又难看,但它在Chrome中作为一个Bookmark工作。

答案 1 :(得分:0)

您可以在Firefox上使用Greasemonkey或在Chrome上使用Tampermonkey。您选择,以下脚本将起作用。您必须在浏览器中安装扩展程序。然后,您需要将脚本http://yoursite.com/中的URL替换为您的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列表以包含您想要的所有内容。