<div id='host'>
</div>
<script>
- var shadowRoot = createSR(document.getElementById('host'));
+ var shadowRoot = document.getElementById('host').createShadowRoot();
shadowRoot.innerHTML = '<div id="sub" style="width: 100%;height:100%;"></div>';
- var nestedRoot = createSR(shadowRoot.getElementById('sub'));
+ var nestedRoot = shadowRoot.getElementById('sub').createShadowRoot();
nestedRoot.innerHTML = '<div style="width:100%; height:100%;background-color: green;"></div>';
</script>
</body>