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

Question

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

字符串示例：

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

另一种方法是使用

document.CreateElement('div').

哪一种是实现高性能的最佳方法？有没有其他方法可以实现这一目标？

score 1 · Accepted Answer

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

你基本上有两个选择：

使用 DOM 方法创建元素 ( document.createElement('tagName')) 并将它们附加/插入到 DOM ( appendChild, insertBefore) 中，或者
innerHTML在现有元素上使用，为其分配一个 HTML 字符串；浏览器将解析并呈现 HTML。

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

score 0 · Accepted Answer

当您div="<div></div>"像我确定您打算做的那样将其附加到您的身体时，效果很好，但效率低下。

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

2 回答 2