createElement()与innerHTML何时使用?

9 javascript

我在sql表中有一些数据.我通过JSON将它发送到我的JavaScript.

从那里我需要将它组成HTML,以便通过2种方式之一向用户显示.

  • 通过编写html字符串并插入hold元素的.innerHTML属性
  • 通过对我需要的每个元素使用createElment()并直接附加到DOM中

以下两个问题都没有给出可量化的答案.

从第一个链接的第一个答案,第三个原因(前两个原因不适用于我的环境)

在某些情况下会更快

有人可以建立一个基础案例,当时createElement()方法更快,为什么?

通过这种方式,人们可以根据自己的环境做出有根据的猜测.

在我的情况下,我不担心保留现有的DOM结构或事件监听器.只是效率(速度).

我没有使用关于我提供的第二个链接的库.但它可以为那些人.


研究/链接

createElement优于innerHTML的优势?

JavaScript:使用innerHTML或(很多)createElement调用来添加复杂的div结构会更好吗?

Seb*_*bas 5

添加DOM n次所需的时间比一次添加DOM多n倍.(:P)

这是我个人追随的逻辑.

因此,当它即将创建一个SELECT元素,并添加几个选项时,我更喜欢使用innerHTML一次性添加所有选项,而不是使用createElement调用n次.

这与将BATCH操作与"一对一"进行比较有点相同......只要你能分解,你应该!

编辑:阅读评论我理解有一个功能(DOM DocumentFragment)允许我们节省这样的开销,同时利用DOM封装.在这种情况下,如果表演真的可以比较,我绝对不会怀疑并选择DOM选项.