IE6/7中getAttribute獲取href/src屬性(相對路徑0值與其它瀏覽器不同_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 21:00:29

IE6/7中getAttribute獲取href/src屬性(相對路徑0值與其它瀏覽器不同_javascript技巧

IE6/7中getAttribute獲取href/src屬性(相對路徑0值與其它瀏覽器不同_javascript技巧:IE6/7中getAttribute獲取href/src 屬性(相對路徑0值與其它瀏覽器不同的解決方法測試代碼如下： <a href="/abc/index.html">home</a> <img src="http://files.jb51.net/upload/2

推薦度：

點擊下載本文 文檔為doc格式

導讀IE6/7中getAttribute獲取href/src屬性(相對路徑0值與其它瀏覽器不同_javascript技巧:IE6/7中getAttribute獲取href/src 屬性(相對路徑0值與其它瀏覽器不同的解決方法測試代碼如下： <a href="/abc/index.html">home</a> <img src="http://files.jb51.net/upload/2

IE6/7中getAttribute獲取href/src 屬性(相對路徑0值與其它瀏覽器不同的解決方法

測試代碼如下：

 
<a href="/abc/index.html">home</a> 
<img src="http://files.jb51.net/upload/201108/20110828174815833.gif"> 
<script> 
var link = document.getElementsByTagName('a')[0]; 
var img = document.getElementsByTagName('img')[0]; 
alert(link.getAttribute('href')); 
alert(img.getAttribute('src')) 
</script>

有元素a和img(標準文檔模式)，設置了相對路徑。各瀏覽器效果如下

IE6/7：返回完整路徑

IE8/9/10/Firefox/Safari/Chrome/Opera：返回相對路徑

IE6/7中想要與其它瀏覽器保持一致的話，可以給getAttribute的第二個參數設為2。

 
<a href="/abc/index.html">home</a> 
<img src="http://files.jb51.net/upload/201108/20110828174815833.gif"> 
<script> 
var link = document.getElementsByTagName('a')[0]; 
var img = document.getElementsByTagName('img')[0]; 
alert(link.getAttribute('href', 2)); // 注意第二個參數 
alert(img.getAttribute('src', 2)); // // 注意第二個參數 
</script>

標準的getAttribute方法是沒有定義第二個參數的，神奇的IE啊。以下是MSDN對setAttribute參數的描述