在javascript中存储HTML有性能优势吗？

Question

我们正在使用带有内置表单设计器的Oracle产品。此表单设计器允许用户创建表单定义，基本上是包含包含行的部分的部分的集合。这会生成一个模式，然后使用XSLT将其转换为HTML。

最近，Oracle将此XSLT更改为以便每个部分的HTML都存储在javascript数组中，以便隐藏/显示它。

示例：

 section_html['registrationDetails'] = 

    '<table role="presentation" oraMdLabel="EMPTY_SUMMARY" width="100%">'+ 
        '<tbody name="nonRepeatingSchedule">'+  
            '<tr>'+
                '<td>'+ 
                   '<div c1GroupType="schedule" name="addDeleteControls" nowrap>'+ 
                        '<table role="presentation" oraMdLabel="EMPTY_SUMMARY">'+
                            '<tr>'+
                                '<td class="oraSectionHeader" width="100%">'+

                                    '<span tabIndex="5" name="nonRepeatingHeader" oraMdLabel="CM_REG_DETAILS_LBL"></span>'+
                                '</td>'+
                                '<td class="oraSectionHeader">'+
                                   '<img tabIndex="5" src="images/collapse.gif" onkeypress="toggleHeaderDivInc(this, '+'registrationDetailsHeader'+');" onclick="toggleHeaderDivInc(this, '+'registrationDetailsHeader'+');" width="10" height="9" oraMdLabel="C1_FORM_HEADER_COLLAPSE" id="mainInfoImg">'+
                                '</td>'+
                            '</tr>'+
                        '</table>'+
                   '</div>'+
               '</td>'+
            '</tr>'+

这使得阅读，编辑和自定义变得困难！隐藏和显示部分并不是很困难。

表格往往包含30到200行之间的任何内容，最多可能有15个部分

以这种方式实现这些真正的性能优势吗？或者有更好的方法吗？