| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <script src="resources/polyfill.js"></script> | |
| 4 | 3 |
| 5 <div id="host1"><div>Host Child</div></div> | 4 <div id="host1"><div>Host Child</div></div> |
| 6 | 5 |
| 7 <script> | 6 <script> |
| 8 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 7 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
| 9 shadowRoot1.innerHTML = '<div id="host2">Oldest ShadowRoot Child</div>'; | 8 shadowRoot1.innerHTML = '<div id="host2">Oldest ShadowRoot Child</div>'; |
| 10 | 9 |
| 11 var shadowRoot2 = host1.webkitCreateShadowRoot(); | 10 var shadowRoot2 = host1.webkitCreateShadowRoot(); |
| 12 shadowRoot2.innerHTML = '<div id="host3"><shadow></shadow><content></content><di
v>Youngest ShadowRoot Child</div></div>'; | 11 shadowRoot2.innerHTML = '<div id="host3"><shadow></shadow><content></content><di
v>Youngest ShadowRoot Child</div></div>'; |
| 13 | 12 |
| 14 var host3 = shadowRoot2.getElementById('host3'); | 13 var host3 = shadowRoot2.getElementById('host3'); |
| 15 var shadowRoot3 = host3.webkitCreateShadowRoot(); | 14 var shadowRoot3 = host3.webkitCreateShadowRoot(); |
| 16 shadowRoot3.innerHTML = '<content select="div"></content>'; | 15 shadowRoot3.innerHTML = '<content select="div"></content>'; |
| 17 </script> | 16 </script> |
| 18 | 17 |
| 19 </html> | 18 </html> |
| OLD | NEW |