在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/中測試它們。