首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 跨浏览器开发 >

IE6、IE7停 cloneNode(true) 图片不显示

2013-06-25 
IE6、IE7下cloneNode(true) 图片不显示部分代码如下:div idimgsBigContenta href#img srcimge

IE6、IE7下 cloneNode(true) 图片不显示
部分代码如下:


<div id="imgsBigContent">
<a href="#"><img src="imges/01.jpg"/></a>
<a href="#"><img src="imges/02.jpg"/></a>
<a href="#"><img src="imges/03.jpg"/></a>
<a href="#"><img src="imges/04.jpg"/></a>
<a href="#"><img src="imges/05.jpg"/></a>
<a href="#"><img src="imges/06.jpg"/></a>
</div>

var imgsBigContent = document.getElementById("imgsBigContent");

alert(imgsBigContent.getElementsByTagName("a").length);//6

var cloneImgsBigContent = imgsBigContent.cloneNode(true);
imgsBigContent.appendChild(cloneImgsBigContent);

alert(imgsBigContent.getElementsByTagName("a").length);//12
在IE6、IE7下滚动的时候克隆的图片正常滚动(留有空白位子),就是不显示(IE8、谷歌,firefox等浏览器正常) IE6 IE7 图片
[解决办法]
测试没问题,不行设置innerHTML试试

var imgsBigContent = document.getElementById("imgsBigContent");
 imgsBigContent.innerHTML+=imgsBigContent.innerHTML

热点排行