日期:2014-05-17  浏览次数:20681 次

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等浏览器正常)
------解决方案--------------------
测试没问题,不行设置innerHTML试试

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