当前位置: 代码迷 >> 跨浏览器开发 >> IE6、IE7停 cloneNode(true) 图片不显示
  详细解决方案

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

热度:460   发布时间:2013-06-25 23:45:41.0
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
  相关解决方案