IE下遇到DOM性能优问题

Question

场景:Google Doc里看pdf的时候可以高亮选择文本,是用div来实现的,DOM操作非常频繁,现在做的一个功能跟这个很相似,也是用div实现一样的高亮选择功能,页面上有大量的DOM操作,创建元素,移除元素,在非IE的浏览器里感觉非常流畅,而在IE下却非常卡,严重影响用户体验,请问IE下DOM性能如何优化？

Answer 1

1、尽量少的使用dom访问元素的像width style这种属性 会造成Dom元素的重排和重写 
2、for循环的优化 循环体重尽量减少属性的访问 能提的缓存至局部变量
3、如果创建元素比较多 可利用document.createDocumentFragment()先创建一个文档碎片 在这上边操作后 最后再append到节点上