JavaScript追加、创建和添加属性

JavaScript Appending and Creating and adding properties

本文关键字：添加 属性 创建 追加 JavaScript      更新时间：2023-09-26

我有一个关于在javascript 中创建元素的问题

例如，在向新创建的元素添加属性时，最好的方法是什么？在性能方面，什么更好？

所以问题如下：

  1. 创建元素
  2. 设置元素的id属性
  3. 追加
  4. 然后通过重新定义其ID并添加新属性来使用创建的元素

或

  1. 创建元素
  2. 设置有问题元素的各种属性
  3. 追加

谢谢！

编辑：大家好，

做了你们推荐给我的所有事情之后，我得出的结论是，第二种选择是最好的。

  1. 创建元素
  2. 设置有问题元素的各种属性
  3. 追加

JSperf测试：

  • http://jsperf.com/javscript-append-performance
  • http://jsperf.com/document-fragment-vs-docoment-createelement2

我会像这个一样使用DocumentFragment

var element= document.createDocumentFragment();

然后使用element执行所需的所有操作，然后将其附加到DOM中。

来自https://developer.mozilla.org/en-US/docs/Web/API/document.createDocumentFragment

由于文档片段在内存中，而不是主DOM树的一部分，因此向其附加子项不会导致页面回流(计算元素的位置和几何结构(。因此，使用文档片段通常可以获得更好的性能。

我会做如下操作：

  1. 创建元素(可能设置属性(
  2. 追加元素
  3. 设置属性，将子元素附加到元素，以及执行任何其他操作
相关文章：