Javascript 插入内联HTML或创建新元素更快吗？

我有一个问题，我使用原型，但这个问题可能也适用于本机javascript

这通常会更快、更高效地运行：

$(divElement).insert('<div>Hello</div');

单独创建元素并将其分配给如下变量如何：

var helloDiv = '<div>Hello</div>';
$(divElement).insert(helloDiv);

创建内联html是否比创建元素然后插入它更快？这些信息对于构建类似于表的东西特别有用

---

谢谢并感谢您的帮助。

innerHTM

L比

appendChild

appendChild

的优点是，它实际上在所有浏览器中都正确地更新了DOM，这样您就可以实际读取并更新添加的标记

---

使用

innerHTML

不会在所有浏览器中更新DOM，因此以这种方式添加的内容在添加后可能无法更新（如果您需要这样做）。

这取决于浏览器，ie和firefox肯定如此，但在chrome上似乎较慢：

---

.

你应该接受旧问题的一些答案。您可以通过查看您的个人资料找到它们。我不认为速度是个问题。请注意，您的测试对于直接DOM操作效果很差，因为您使用了innerHTML。在Firefox中，轻微的改进会使速度提高2倍，但仍然比innerHTML慢。

var helloDiv = '<div>Hello</div>';
$(divElement).insert(helloDiv);

var helloDiv = new Element('div').insert('Hello');
$(divElement).insert(helloDiv);