我在sql表中有一些数据。我通过JSON将其发送到我的JavaScript。
从那里,我需要将其组合成HTML,以2种方式之一显示给用户。
以下两个问题均未给出量化的答案。
从第一个链接的第一个答案开始,第三个原因(陈述的前两个原因不适用于我的环境)
有人可以建立一个基本案例,说明createElement()方法何时更快,为什么?
这样,在给定环境的情况下,人们可以做出有根据的猜测。
就我而言,我不关心保留现有的DOM结构或事件监听器。只是效率(速度)。
我没有使用关于我提供的第二个链接的库。但是对于那些可能的人来说,它就在那里。
研究/链接
Advantages of createElement over innerHTML?
JavaScript: Is it better to use innerHTML or (lots of) createElement calls to add a complex div structure?
最佳答案
与一次添加到DOM相比,n次添加到DOM需要花费n倍的时间。 (:P)
这是我个人遵循的逻辑。
因此,当要创建一个SELECT元素并向其中添加几个选项时,与使用n次createElement调用相比,我更喜欢使用innerHTML一次添加所有选项。
这与将BATCH操作与“一对一”进行比较有点相同...只要可以分解,就应该!
编辑:阅读评论,我知道有一个功能(DOM DocumentFragment),它可以让我们节省此类开销,同时利用DOM封装。在这种情况下,如果性能确实可比,那么我绝对不会怀疑,并选择了DOM选项。