Javascript 如何从文档片段中获取实际元素？

我有这样一个模板：

<template id="my-template">
   <div></div>
</template>

然后我用append添加这个元素：

document.body.append(elementFragment);

现在的问题是我需要一个对附加元素的引用，但是我所拥有的引用只是一个Dogument片段，而不是一个HTLMDivElement

如何获取实际的DOM元素？

来自：使用

firstElementChild

获取模板的第一个子元素（在本例中仅此子元素），它是一个实际的

元素

节点

const elementFragment = document.getElementById("my-template").content.firstElementChild.cloneNode(true);
                                                                      ^^^^^^^^^^^^^^^^^^

如果模板由多个元素组成，则需要将它们包装在

或其他容器元素中

const elementFragment = document.getElementById("my-template").content.firstElementChild.cloneNode(true);
                                                                      ^^^^^^^^^^^^^^^^^^