polymer - 如何在影子根内部创建影子根

Question

我知道使用 polymer 很容易，但我想使用 JavaScript 来做到这一点

影子根 > 影子根 > 影子根

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>