Question

Could you advise me with writing a greasemonkey script displaying only anchors () in a web page and deleting everything else?

thank you

Answer 1

This code will wipe out everything but a list of the href’s from links (added line breaks for clarity):

var links = document.querySelectorAll ("a");

//--- Build up new body, that will just display hrefs.
var newPageStr  = "";
for (var J=0, L=links.length;  J < L;  ++J) {

    //--- Skip links with empty href's.
    var href    = links[J].href;
    if ( /\w/.test (href) ) {
        newPageStr += '<a href="' + href + '">' + href + '</a><br>';
    }
}

//--- Replace everything on the page with the link list.
document.close ();
document.open ();
document.write (newPageStr);
document.close ();

---

Update:

Since document.write() seems to flake in the GM environment, here’s a DOM-based alternative:

var links = document.querySelectorAll ("a");

//--- Build up new body, that will just display hrefs.
var newPageStr  = "";
for (var J=0, L=links.length;  J < L;  ++J) {

    //--- Skip links with empty href's.
    var href    = links[J].href;
    if ( /\w/.test (href) ) {
        newPageStr += '<a href="' + href + '">' + href + '</a><br>';
    }
}

//--- Erase everything from the page's body:
var b           = document.body;
var p           = b.parentNode;
p.removeChild (b);

//--- Add our new link list.
var newB        = document.createElement ("BODY");
newB.innerHTML  = newPageStr;
p.appendChild (newB);