javascript - "document.createElement"性能

标签 javascript jquery performance dom createelement

我想在弹出窗口中创建许多行以使用 for 循环显示我的数据,我使用文本字符串来创建和附加 div ,但是我发现 document.createElement是高性能的,并且使用了将性能提高 20% 的方法,但是由于我填充了 1000 行,因此创建元素所需的时间为 document.createElement非常高。有没有办法通过一次创建元素并在大量实例中重用它来提高性能,对此的任何建议将不胜感激

最佳答案

创建元素后,您可以使用 Element.cloneNode()复制它。与 document.createElement() 所用时间相同,但有一个优点:如果您在元素上设置了多个属性或 childNodes/innerHTML,您也可以通过一次调用复制它们:Element.cloneNode(true) .

大多数时间都花在新创建元素的 DOM 插入上,因此每个新元素的插入都很慢。更快的方法是创建 documentFragment ,将所有新元素附加到您需要的结构中,然后将完整的片段添加到 DOM。

关于javascript - "document.createElement"性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26034314/

相关文章:

javascript - 使用 bcrypt 进行密码散列

javascript - 如何从简单的 json 制作所需的 json 树

javascript - AngularJS - 解码字节数组并播放音频文件 (Wav/MP3)

javascript - 具有自己作用域的函数之间的通信

jquery - 为引导导航栏和照片添加半透明度,并增加字体大小

jquery - 无法使用jQuery将记录插入数据库

c# - 什么更有效率 : Dictionary TryGetValue or ContainsKey+Item?

mysql - SQL 查询执行得更快 - 表之间没有关系 - 更快地生成结果

c# - 在 C# 中拆分 CSV 文件的有效方法

javascript - jquery动态点击事件