在DOM中添加/删除多个元素的最快方法

Question

编辑：它不是“最快的DOM插入”的副本，因为它也包含事件侦听器变量。 无论如何，我会编辑这个问题。

如果有人已经发现，我会知道一些事情。

我想知道哪种是在javascript中添加元素的最快方法，并且与ie6 +，chrome10 +，firefox2 +兼容。

最快的技术：

1. 添加一个元素
2. 添加100个元素

3. 添加1个元素或1000个元素的任何时间曲线

4. 与上述相同，但用于移除元素

5. 添加/更改/删除内联样式属性

6. 添加mousedown / mouseup / mouseover等事件监听器

7. 添加/删除某些标签比其他标签更快吗？ 例如：添加/删除<div>或<p>速度更快？ （在添加模式中：我认为更快<p>因为它只有1个字母对3个字母，可能因为div是一个容器。我不知道，这就是我要问的原因：D）

   1. 删除一个元素，以某种方式保存到js中，然后重新添加它并保持事件侦听器在删除元素之前工作

这是一个很大的问题，所以如果你只知道一些问题，你可以随时分享你所知道的;）

谢谢，谢谢！！

Answer 1

1将父元素的innerHTML值设置为包含新元素的HTML的字符串。
2与1相同。
4将父元素的innerHTML值设置为空字符串。
7.1调用Node.removeChild() ，保存返回的Node对象，然后将该节点传递给Node.appendChild() 。

Answer 2

Google / SO是您的朋友：

例如，对于问题1/2，请参阅最快的DOM插入

我想，你可以搜索很多。

在google / SO旁边搜索性能比较的另一个好地方是使用jsperf： http ：//jsperf.com/browse和http://jsperf.com/popular 。 我很确定那里有很多你的问题。 如果您有一些未解决的问题，您也可以在主页http://jsperf.com/中测试它们。