template 預設為 “display: none;”,主要用來放置一些暫存的 DOM,在頁面 render 後會忽略 template 中的內容,也無法看到內容為何,會被判斷為一個 document fragment,這些內容可能是在特定的狀況才會用到的,等到觸發某些事件後再由 JS 再來取用,可以為它設定 className 或 id 方便操作,它的基本架構如下:
<template id="temp"> <!-- some DOM --> <div>i'm template content</div> </template>