Whilst working on the Ajax Link Tracker and MapSurface I have come across an inconsistency in how the href attribute is retrieved using DOM Scripting.

The href attribute is different to other element attributes in that the value set can be relative to the context of the page URL. If you set a link with a relative href attribute

<a href="../development/test1.html">test page</a>

The browser will look at the pages current URL and derive an absolute URL for the link.

http://www.glenn.jones.net/development/test1.html

This is the root of the problem, some browsers return the text of the attribute and others return the derived absolute URL. The results also differ by the method you use to retrieve the href attribute. There are three common ways to access an attribute:

    linkobj.href;
    linkobj[‘href’];
    linkobj.getAttribute(‘href’);

The linkobj.href and linkobj[‘href’]; methods of accessing the attribute consistently return the derived absolute URL.

Microsoft has tried to address this by problem adding a second parameter to the getAttribute method. The second parameter can be set to 0,1 or 2. If the parameter is set to 2 the method returns the attribute text. Any other setting will return the derived absolute URL.

    linkobj.getAttribute(‘href’);
    linkobj.getAttribute(‘href’,2);

推荐阅读更多>

1. 标志言语——精简标签
2. flex总是出现这样的异常
3. CSS3 Media QueryIE9前解决办法
4. positon的relative属性解决方法
5. 求这个CSS style="page-break-before: always"准确用法
6. 小心IE 下document.getElementById()的陷阱
7. ie6设置select上拉列表的属性不起作用
8. jQuery查寻Html标签
9. CSS课程1CSS的应用
10. 亲，你还在犹豫什么，进来看看啥~该如何处理
11. 请教如何设置一组总宽超过页面宽度的div不换行，但每个div中的文字可换行？
12. (HTML5)pushState/replaceState兑现无刷新改变内容及地址栏
13. 浏览器地址栏上的ico图片不能正常显示解决思路
14. 惯用CSS标签效果集锦
15. 哪位高手真正懂css的帮忙看下，要么在ie浏览器不正常，要么在火狐浏览器中不正常
16. CSS学习3
17. css色彩表
18. Q: 嵌套div的下移有关问题，可有正规的解决方法
19. ie没法打开腾讯体育、腾讯娱乐
20. 介绍：国外开源FLV文件视频播放解决方案 .解决方法