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

最新推荐文章于 2024-09-18 09:46:50 发布

亚细亚

最新推荐文章于 2024-09-18 09:46:50 发布

阅读量108

点赞数

分类专栏： html5 文章标签： html5

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

版权

html5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

 <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>

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