HTML模板元素与document.createDocumentFragment

时间:2018-12-02 06:14:35

标签: javascript html

我试图弄清楚使用document.createDocumentFragment与使用HTML <tamplate>元素之间的区别。

他们的行为或表现上有区别吗?

1 个答案:

答案 0 :(得分:1)

<template>document.createDocumentFragment都用于存储类似HTML的数据而不渲染它们,但是用例有些不同。

<template>标签的主要用途是,顾名思义,稍后存储HTML,或在整个文档中重复使用。当使用模板引擎时,此标签非常有用,在模板引擎中通常不会更改内容,但输入内容可能会有所不同。

document.createDocumentFragment用于在JS中创建整个DOM树,而无需浏览器呈现它,同时仍然可以使用DOM API。当利用DOM API动态生成HTML并将以后的结果注入到实际文档的DOM中时,这很有用。

更多:Template TagDocumentFragment