假設(shè)我有這樣的代碼：class MyElem extends HTMLElement {  constructor() {    super();        let templateContent = document.getElementById('template-elem').content;    this.innerHTML = templateContent.cloneNode(true);  }}window.customElements.define('my-elem', MyElem);<template id="template-elem">  <div class="a">    <div class="b">b</div>    <div class="c">c</div>  </div></template><my-elem></my-elem>為什么這不起作用？在 Chrome 檢查器中，自定義元素內(nèi)部沒有 HTML。我也試過這樣做：this.append(templateContent.cloneNode(true)); 但這也導(dǎo)致了一個(gè)空的 HTML 樹。所有教程都提到使用影子 DOM，如下所示：this.attachShadow({mode: 'open'}).appendChild(templateContent.cloneNode(true));雖然這有效，但它會強(qiáng)制您將 Shadow DOM 用于您的自定義元素。有沒有辦法在不需要使用 Shadow DOM 的情況下將模板的 HTML 附加到您的自定義元素？我更愿意在我的小用例中使用全局 CSS 樣式。