如何在阴影根中创建阴影根

Question

我知道这很容易使用聚合物，但我想用JavaScript做这个

暗影根＆gt;阴影根>影子根

Answer 1

http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/#toc-shadow-multiple讨论了多个影子根。

<div id="example1">Light DOM</div>
<script>
  var container = document.querySelector('#example1');
  var root1 = container.createShadowRoot();
  var root2 = container.createShadowRoot();
  root1.innerHTML = '<div>Root 1 FTW</div>';
  root2.innerHTML = '<div>Root 2 FTW</div>';
</script>