template 与可复用 DOM 片段 | 星雨笔录
定义可由脚本克隆的 template 内容。
核心: template 内的内容默认不渲染;脚本可克隆并插入 DOM。
最小示例:
<template id="itemTpl"><li>新项目</li></template>
<!-- JS: list.append(itemTpl.content.cloneNode(true)) -->
学完能做: 定义可由脚本克隆的 template 内容。
定义可由脚本克隆的 template 内容。
核心: template 内的内容默认不渲染;脚本可克隆并插入 DOM。
最小示例:
<template id="itemTpl"><li>新项目</li></template>
<!-- JS: list.append(itemTpl.content.cloneNode(true)) -->
学完能做: 定义可由脚本克隆的 template 内容。