JavaScript：我应该如何生成大量 HTML？ [复制]

可能的重复：
是否有使用 javascript 生成 html 的最佳实践

我想用 JavaScript 生成网站的大部分内容。

最简单的方法是形成一个包含所有 HTML 的大字符串：

'<div>'
   + '<span>some text</span>'
   + '<form>'
      + '<input type="text" />'
...

但是，当一个人必须以这种风格编写几百行时，这会变得非常烦人。当以后必须更改此类代码时会很痛苦......

你能想出一个更简单的方法吗？

创建片段作为模板，将它们放入不可见的<div>:

<div style="display: none">
   <div id="template1">
      <h2 class="header_identifyingClass">Hello from template</h2>
   </div>
   <div id="template2">
      <span class="content">Blah blah</span>
   </div>
</div>

然后找到它，

document.getElementById("template1"); 

填充它的内部值，例如通过 XPath 或 jQuery 查找内部元素并填充它们，例如使用element.innerHTML = "Hello from new value"，并将其移动或复制到 DOM 的可见部分。

创建多个模板并多次复制以生成许多模板。 不要忘记更改副本的 ID 以保持其正常工作。

PS：我想我在代码中使用了这种方法JUnitDiff项目。但它被隐藏在 XSLT 中，这有另一个目的。