存储数据＆amp; DOM或JS对象中的元数据？这是高性能？

Question

我有一个带有元素的表单，我需要为每个主表单元素创建一个包含更多元素的fieldset / sub表单，动态地基于下拉值。在表单元素的子表单之间移动时，我需要注意显示/隐藏子表单，同时保留子表单中的值。

您认为哪种方法具有高效性？

在DOM中有1个子表单/字段集，并在JS内部维护一个主JS对象（如JSON的名称：值对），它将具有表单元素，数据和信息的信息。其子表单元素的元数据 提交时，只需将字符串化的JS对象发送到服务器。

这种方法涉及创建＆amp;每当需要添加新的字段集或编辑字段集（用户认为已经创建）时，删除DOM元素。

或者

在DOM中创建字段集的克隆，并在需要时显示：none / block。元数据将作为attrs存储在子表单元素上，数据将存储在DOM本身中。 在提交之前，循环遍历主表单元素的字段集中的子表单元素（使用选择器），构建类似的JS对象，stringify并发送到服务器。

此方法涉及DOM元素上的设置attrs，根据需要执行display：none / block以及在提交以形成主JS对象之前的最终循环。

屏幕截图：

我不知道如何使用jsperf.com来理解上述两种方法之间的性能差异。

请分享您的想法。