Javascript 当出现类型选择器的第一个时,Internet Explorer中的DOM操作性能缓慢

Javascript 当出现类型选择器的第一个时,Internet Explorer中的DOM操作性能缓慢,javascript,performance,css,internet-explorer,dom,Javascript,Performance,Css,Internet Explorer,Dom,我注意到,如果CSS包含一个类似于 tr:first-of-type 尽管选择器甚至与要插入的元素不匹配。 这只发生在InternetExplorer中(我已经测试过IE9、IE10、IE11)。我还尝试了几种将元素插入DOM的方法,但没有成功 插入10000 div的测量值(使用): 铬(无tr:第一种类型):0.01s 铬(tr:第一种类型):0.01s IE9(无tr:第一种类型):0.03s IE9(tr:第一种类型):1.28s 我错过什么了吗?有人知道避免这种性能损失的方法吗?

我注意到,如果CSS包含一个类似于

tr:first-of-type
尽管选择器甚至与要插入的元素不匹配。 这只发生在InternetExplorer中(我已经测试过IE9、IE10、IE11)。我还尝试了几种将元素插入DOM的方法,但没有成功

插入10000 div的测量值(使用):

  • 铬(无tr:第一种类型):0.01s
  • 铬(tr:第一种类型):0.01s
  • IE9(无tr:第一种类型):0.03s
  • IE9(tr:第一种类型):1.28s

我错过什么了吗?有人知道避免这种性能损失的方法吗?

试图重写你的fiddle,使用DOM方法创建元素并首先将它们放入DocumentFragment中,但这也没有改善IE中的问题。我想这只是那些你不得不忍受的IE病毒之一…真的很有趣。立即编写
innerHTML
应该是最快的方法。