Javascript 克隆dom节点的效率

Javascript 克隆dom节点的效率,javascript,jquery,Javascript,Jquery,我正在构建一个应用程序,在这个应用程序中,我将得到一个相当长的重复元素列表,这些元素需要根据我通过AJAX获得的一些对象进行配置。我正在考虑在html中创建其中一个元素,并将其隐藏在页面上,然后克隆此元素,并使用jQuery根据我要返回的对象(即设置其文本、href等)对其进行修改。从性能角度看,这会比更传统的dom生成更快还是更慢(我将用javascript创建整个元素,而不是从克隆的元素开始)?我已经有一段时间没有这样做了,但上次我这样做了,使用了一个字符串作为HTML片段的模板,例如 va

我正在构建一个应用程序,在这个应用程序中,我将得到一个相当长的重复元素列表,这些元素需要根据我通过AJAX获得的一些对象进行配置。我正在考虑在html中创建其中一个元素,并将其隐藏在页面上,然后克隆此元素,并使用jQuery根据我要返回的对象(即设置其文本、href等)对其进行修改。从性能角度看,这会比更传统的dom生成更快还是更慢(我将用javascript创建整个元素,而不是从克隆的元素开始)?

我已经有一段时间没有这样做了,但上次我这样做了,使用了一个字符串作为HTML片段的模板,例如

var myVar = '<option value=@VALUE@>@TEXT@</option>';
var myVar='@TEXT@';

然后做一些代币替换来填充数据,最后使用
someElement.innerHTML=myVar
,至少比使用更标准的DOM操作技术快一个数量级。

谢谢OrbMan,这很有帮助,但并不完全是我想要的。我正在考虑使用显示none,然后通过jquery的clone方法克隆它,然后使用jquery更新各种属性。你知道这与在JavaScript中从头开始构建dom元素在性能上有什么不同吗?