原文:

先来看个demo吧：

    
            
                    
        
        
         
蚂蚁部落一
        
         
蚂蚁部落二
        
         
蚂蚁部落三
        
         
蚂蚁部落四
        
         
蚂蚁部落五
    
        
    

可以在IE下测试效果，推荐IE10,IE11浏览本页。

测试区

-

• 蚂蚁部落一
• 蚂蚁部落二
• 蚂蚁部落三
• 蚂蚁部落四
• 蚂蚁部落五

chrome，firefox，safari 下没问题，可是IE所有版本下运行都不行。

这个是一哥们 落叶 在写demo的时候发现的，他说这个在IE下有问题，我测试了下，确实就IE这个老变态不行。

于是我监视了下 theArray 这个数组，发现当  obox.innerHTML = "";  执行后，

IE 下 theArray 数组的 li 的内容被清空了，但是 li 节点还在。

在chrome下不受影响。

这个问题就纠结了，我也不知道为什么，谷歌找了半个小时也没找到，或者我找的关键词不对。

我只能给个简单的解决方法，就是克隆一份 li，并且在 appendChild 的时候，也克隆一份副本进去，这样才能确保正确。

    
            
                    
        
        
         
蚂蚁部落一
        
         
蚂蚁部落二
        
         
蚂蚁部落三
        
         
蚂蚁部落四
        
         
蚂蚁部落五
    
        
    

测试区

-

• 蚂蚁部落一
• 蚂蚁部落二
• 蚂蚁部落三
• 蚂蚁部落四
• 蚂蚁部落五

好了，今天算是水了一篇，如果有大神知道怎么回事的，还望指点一二，小生在此先谢过了。