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

Question

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

字符串示例：

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

另一种方法是使用

document.CreateElement('div').

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

Answer 1

没有单一的＆＃34;最好的＆＃34;方法，最好的办法因情况而异。

你基本上有两个选择：

1. 使用DOM方法创建元素（document.createElement('tagName')）并将其追加/插入DOM（appendChild，insertBefore）或

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

仅仅在几年前，innerHTML速度要快得多。但是，现代版本的浏览器大大提高了DOM访问的速度，因此实际上它归结为对您正在执行的整体任务最有效的方法。

Answer 2

当你将div="<div></div>"附加到你的身体上，就像我确定你想做的那样，这样做效果很好，但效率很低。

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