是否可以在JavaScript中使用Document Fragment在JavaScript中创建嵌套元素？

Question

我想使用DocumentFragment创建一个可重复使用的HTML块。这个想法是为现有数组中的每个对象创建并填充类似于下面的HTML代码的块。我不担心填充内部HTML，现在我只想建立一个嵌套的层次结构。

<div class="container">
    <div class="titleABC">
        <h2 class="abc"></h2>
        <h2 class="efg"></h2>
        <h2 class="xyz"></h2>
        ...
        ...
        ...
        ...
    </div>
</div>

我已经将我正在处理的代码添加到 js fiddle 。

在文档片段中，我无法获得多个元素，并且想知道这是否可能。或者，如果有一种更好的方法来实现这一目标，则将朝着正确的方向发展。

最终，我希望能够添加像... 我的JS小提琴中的第16、17、18、19行，并在将其添加到数组中就具有一个代码块。

预先感谢您浪费时间来帮助我解决我的胡说八道。