In IE6/7, getattribute obtains the href/src attribute (relative path) value, which is different from other browsers.

As follows:

 
<A href = "/ABC/index.html"> Home </a>  <SCRIPT> var link = document. getelementsbytagname ('A') [0]; var IMG = document. getelementsbytagname ('img ') [0]; alert (link. getattribute ('href '); alert (IMG. getattribute ('src') </SCRIPT>
 

There are elements a and IMG (standard document mode), and the relative path is set. The Effects of Various browsers are as follows:

IE6/7: return the complete path

IE8/9/10/Firefox/Safari/Chrome/Opera: return relative path

If you want to be consistent with other browsers in IE6/7, you can set the second parameter of getattribute to 2.

<A href = "/ABC/index.html"> Home </a>  <SCRIPT> var link = document. getelementsbytagname ('A') [0]; var IMG = document. getelementsbytagname ('img ') [0]; alert (link. getattribute ('href ', 2); // pay attention to the second parameter alert (IMG. getattribute ('src', 2); // pay attention to the second parameter </SCRIPT>
 

The standard getattribute method does not define the second parameter, which is amazing. The following describes the setattribute parameter in msdn:

Related:

Http://msdn.microsoft.com/en-us/library/ms536429%28v=VS.85%29.aspx