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

Question

I currently use :

"javascript:document.body.contentEditable%20=%20'true';%20document.designMode='on';%20void%200"

To remove certain elements of a webpage. The page is a monitoring view for several alarms. I am required to monitor only a portion of them. I have been using the above script to delete the views I don't need. I'm wondering if there is a better way than manually "deleting" them every day.

Could I use the above script as a base to specify these elements and remove them all at once? I'm a bit of a rookie with this so any and all help is appreciated.

Answer 1

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

Edit the ID; Copy and Paste and edit as many times as are required. It's bulky and ugly for what I needed but it works as one Bookmark in Chrome.

Answer 2

You can use Greasemonkey on Firefox or Tampermonkey on Chrome. Either you choose, the following script will work. You must install the extension in your browser. You then need to replace the URL from the script http://yoursite.com/ with your URL, add all id's to the array, add the script to the extension and it will automatically do the work. No click on a bookmark necessary.

// ==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);
  }
}

If you want to stick to the bookmarklet, I have adapted it for you:

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

Here too, you must update the list of id's to include all you want.