測(cè)試代碼如下:
<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(標(biāo)準(zhǔn)文檔模式),設(shè)置了相對(duì)路徑。各瀏覽器效果如下
IE6/7:返回完整路徑
IE8/9/10/Firefox/Safari/Chrome/Opera:返回相對(duì)路徑
IE6/7中想要與其它瀏覽器保持一致的話,可以給getAttribute的第二個(gè)參數(shù)設(shè)為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)); // 注意第二個(gè)參數(shù) alert(img.getAttribute('src', 2)); // // 注意第二個(gè)參數(shù) </script>
標(biāo)準(zhǔn)的getAttribute方法是沒(méi)有定義第二個(gè)參數(shù)的,神奇的IE啊。以下是MSDN對(duì)setAttribute參數(shù)的描述
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com