我有一个像这样的模板：
<template id="my-template">
<div></div>
</template>
我将其转换为文档片段，如下所示：
const elementFragment = document.getElementById("my-template").content.cloneNode(true);
然后我添加带有append的元素：
document.body.append(elementFragment);
现在的问题是我需要对附加元素的引用，但是我拥有的引用只是Dogument-Fragment，而不是HTLMDivElement。
如何获得实际的DOM元素？
从MDN：用于firstElementChild获取模板的第一个（在此情况下仅是）子Element节点，该模板是实际节点。
const elementFragment = document.getElementById("my-template").content.firstElementChild.cloneNode(true);
^^^^^^^^^^^^^^^^^^
如果您的模板包含多个元素，则需要将它们包装在<div>或其他容器元素中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句