javascript - HTML 模板元素与 document.createDocumentFragment

Question

我试图找出使用 document.createDocumentFragment 之间的区别与使用 HTML <tamplate> 相比元素。

他们在行为或表现上有区别吗？

Answer 1

两个<template>和 document.createDocumentFragment用于存储类似 HTML 的数据而不渲染它，但用例有些不同。
<template>顾名思义，标签的主要目的是存储 HTML 以供以后使用，或在整个文档中重复使用。当使用内容通常从不更改但输入可能不同的模板引擎时，此标记很有用。
document.createDocumentFragment用于在 JS 中创建整个 DOM 树，而无需浏览器渲染它，同时仍然能够使用 DOM API。这在利用 DOM API 动态生成 HTML 以及稍后将结果注入(inject)实际文档的 DOM 时很有用。

更多:Template Tag和 DocumentFragment