использование теневого дома в Internet Explorer

Приведенный ниже код работает в 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>

javascript internet-explorer-11 shadow-dom
person sivakumaros2004    schedule 30.07.2015    source источник
comment
не поддерживается в IE11   -  person Jaromanda X    schedule 30.07.2015

Ответы (1)


arrow_upward
3
arrow_downward

Internet Explorer (и новый браузер Edge) изначально не поддерживает теневой DOM. Вы можете использовать polyfill для достижения желаемого поведения.

person Andrey    schedule 30.07.2015
comment
Спасибо за Ваш ответ. Не могли бы вы дать ссылку или пример кода для использования полифилла. - person sivakumaros2004; 30.07.2015
comment
Цель полифиллов - предоставить API как родной, поэтому вам нужно просто включить скрипт на свою страницу, написать код с использованием теневого DOM. И это должно работать. - person Andrey; 30.07.2015