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

<template id="temp">
    <!-- some DOM -->
    <div>i'm template content</div>
</template>

 

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料