＜content＞为什么不能获取宿主的内容？-CSDN博客

本文链接：https://blog.csdn.net/yaxiya/article/details/110533650

 <div class="pokemon">Jigglypuff</div>

  <template class="pokemon-template">
    <h1>A Wild <content select=".pokemon"></content> Appeared!</h1>
  </template>

  <script>
    var host = document.querySelector('.pokemon');
    var root=host.attachShadow({mode:'open'});
    var template = document.querySelector('.pokemon-template');
    root.appendChild(document.importNode(template.content, true));
  </script>

<content>为什么不能从宿主中获取内容？why?why?why?

ou my god! 原来被废：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/content

这不耽误时间吗！！！NND !!!

来来来，更新一下:

 <div class="pokemon">Jigglypuff</div>

  <template class="pokemon-template">
    <h1>A Wild <slot select=".pokemon"></slot> Appeared!</h1>
  </template>

  <script>
    var host = document.querySelector('.pokemon');
    var root=host.attachShadow({mode:'open'});
    var template = document.querySelector('.pokemon-template');
    root.appendChild(document.importNode(template.content, true));
  </script>

看到了吗？还没有，慢慢找吧：）