在javascript中创建dom元素的不同技术有哪些，以及它们的比较。哪个更好，为什么？

Question

有很多方法可以创建dom元素。通过传递它innerhtml和使用javascript的createelement函数通过字符串。多数民众赞成我知道。

我想知道哪种技术在使用大javascript apliations时更好。也许一些性能比较会有所帮助。

这就是Web应用程序开发人员在不知道结果的情况下频繁使用的内容。

Answer 1

这实际上取决于应用程序。使用 innerHTML 设置大量元素应该更快，但在将元素添加到DOM之前，使用 createElement 可以更好地控制元素。通常，人们会错误地在循环中操纵 innerHTML 属性进行多次迭代，这对性能非常不利，因此请确保在任何循环结束后设置它。

对于小型dom操作，我会坚持使用 createElement 。与使用 innerHTML 相比，它更易于维护和感觉更有条理。此外，请记住，某些较旧的非Internet Explorer浏览器可能不支持 innerHTML 。

Answer 2

我同意Andy E的看法，使用innerHTML更容易，但使用innerhtml是一个真正的性能杀手。例如，使用innerhtml创建一个简单的表将花费更多的时间来处理简单的数据。通过使用creatElement DOM元素函数，它只需要一小部分。

createElement需要花费大量时间来编程，但这可以通过使用jQuery库来克服。使用jQuery将真正缩短您的代码，使其跨浏览器并具有内部HTML技术的巨大性能

我已经对这些技术做了一个完整的比较，很难总结这里的所有内容，请参阅这篇文章，希望在阅读这篇长篇文章之后，你的思想会很轻松。

http://aspilham.blogspot.com/2011/01/creating-dom-elements-in.html