在 Internet Explorer 中使用 shadow dom答案

【问题标题】：using shadow dom in Internet Explorer在 Internet Explorer 中使用 shadow dom
【发布时间】：2015-07-30 10:02:02
【问题描述】：

以下代码适用于 chrome，但不适用于 Internet Explorer。有没有办法在 Internet Explorer 中使用它？

    <html>
      <head></head>
     <body>
  <div>
    <h4>My Content Heading</h4>
    <p>My content text</p>
  </div>

  <script>
   var myContent = document.querySelector('div');  
   var shadowroot = myContent.createShadowRoot(); 
   shadowroot.innerHTML =
   '<h2>Inserted Heading</h2> <content select="p"></content>';
  </script>
  </body>
</html>

【问题讨论】：

IE11 不支持

标签： javascript internet-explorer-11 shadow-dom

【解决方案1】：

Internet Explorer（和新的 Edge 浏览器）本身不支持 shadow DOM。您可以使用polyfill 来实现所需的行为。

【讨论】：

感谢您的回答。您能否提供一些参考或示例代码以使用 polyfill。
polyfills 的目的 - 提供类似于原生的 API，因此您应该只在页面中包含脚本，编写一些使用影子 DOM 的代码。它应该可以工作。