在 JavaScript 中创建元素的最佳方法

Best method for creating element in JavaScript

本文关键字：最佳 方法 元素 创建 JavaScript      更新时间：2023-09-26

在 JavaScript 中创建元素的最佳方法是什么？我知道使用以下方法创建元素：

字符串示例： 

var div="<div></div>"

另一种方法是使用 

document.CreateElement('div').

哪一种是实现高性能的最佳方法？还有其他方法可以实现这一点吗？

没有单一的"最佳"方法，最好的做法因情况而异。

你基本上有两个选择：

    使用 DOM

  1. 方法创建元素 （ document.createElement('tagName') ） 并将它们追加/插入到 DOM 中 （ appendChild ， insertBefore ），或者

  2. 对现有元素使用 innerHTML，为其分配一个 HTML 字符串;浏览器将解析并呈现 HTML。

就在几年前，innerHTML的速度要快得多。但是现代版本的浏览器已经大大提高了DOM访问的速度，所以实际上它归结为最适合您正在执行的整体任务的方法。

当你像

我相信你的意思一样将div="<div></div>"附加到你的身体时，这工作正常，但效率低下。

如果创建元素，它将创建自己的对象。 第一个使用 div var 的选项将为字符串分配内存，然后再次为对象本身分配内存，无论如何您都必须单独引用它。 基本上使浏览器的工作翻了一番。

相关文章：