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

Question

创建dom元素的方法有很多种。通过将字符串传递给 innerhtml 并使用 javascript 的 createelement 函数来传递字符串。这就是我所知道的。

我想知道在使用大型 JavaScript 应用程序时哪种技术更好。也许对性能进行一些比较会有所启发。

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

Answer 1

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

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