Unwanted Prefixing of Hyperlinks Internet Explorer [Javascript]

Question

What's The Problem?

Only in Internet Explorer (surprise) is my code executed incorrectly. The short crap of code below should append an "onclick" action to each "a" tag. This works wonderfully but look at the fifth line, it should set the second function argument to the value of the "href" attribute of the anchor tag. In WebKit, Mozilla etc. it's fine. If we set "href" to say "lorem_ipsum" then WebKit, Mozilla etc. retrieve the correct result and set the second function argument to "lorem_ipsum", Internet Explorer prefixes "http://www.some.site/" so we see "http://www.some.site/lorem_ipsum" reported as the second argument. Internet Explorer is incorrect as that is not the "href" attribute of the anchor tag's actual value.

Anchors=Parent.getElementsByTagName("a");
Anchor=0;
while(Anchor<Anchors.length){
    Anchors[Anchor].onclick=function(){
        Plot("",this.getAttribute("href"));
        return false;
    };
    Anchor++;
};

How can I get around this absurd problem? Would I need to strip away from the string everything before the final slash? That seems a long winded approach! Any Ideas?

Answer 1

Easy...

Anchors[Anchor].onclick=function() {
    var href = this.href || this.getAttribute("href");
    if(href.indexOf(location.href) >= 0)
      href = href.substring(location.href.length);

    Plot("", href);
    return false;
};

Answer 2

A simpler solution is to use the "2" flag that MSFT provided for getting the source value of HREF instead of the absolute value (and which is ignored other browsers):

this.getAttribute("href", 2)

Ref: http://www.quirksmode.org/bugreports/archives/2005/02/getAttributeHREF_is_always_absolute.html