HTML / 學習筆記

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 如何處理網站訪客的留言資料。