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

Question

编辑:它不是"最快的DOM插入"的副本,因为它也包含事件侦听器变量.无论如何,我会编辑这个问题.

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

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

最快的技术:

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

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

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

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

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

7. 添加/删除某些标签比其他标签更快吗？例如:添加/删除a <div>或a 更快<p>？(在添加模式中:我认为更快,<p>因为它只有1个字母对3个字母,也许因为div是一个容器.我不知道,这就是我要问的原因:D)

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

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

谢谢,谢谢!!

Answer 1

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