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

从那里,我需要将其组合成HTML,以2种方式之一显示给用户。

  • 通过组成html字符串并将其插入到保持元素
  • 的.innerHTML属性中
  • 通过为我需要的每个元素使用createElment()并将其直接附加到DOM中

  • 以下两个问题均未给出量化的答案。

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



    有人可以建立一个基本案例,说明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选项。

    10-04 22:48
    查看更多