從下面的代碼無法獲取模板的 id。嘗試使用 id 為模板設定內容。但不作業。如何在 JavaScript 中做。
HTML:
<template id="management" is="dom-if" if="[[flag]]"> </template>
JavaScript:
var flag = true;
const appDiv = document.getElementById('management');
appDiv.innerHTML = `<h1>Power management</h1>`;
演示:https ://stackblitz.com/edit/anagram-implementation-nimzfz?file=index.html,index.js
uj5u.com熱心網友回復:
這不是模板的使用方式。您獲取模板內容,然后操作內容,然后將(克隆的)操作內容插入頁面 DOM
const appDiv = document.getElementById('management').content;
appDiv.querySelector("h1").textContent = `Power management`;
document.querySelector("body").appendChild(appDiv)
<template id="management">
<div>
<h1></h1>
</div>
</template>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/475712.html
標籤:javascript
上一篇:每個專案的唯一ID映射計數
