OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 | 4 |
5 <p>A mixed case of a shadow element and content element.</p> | 5 <p>A mixed case of a shadow element and content element.</p> |
6 <form> | 6 <form> |
7 <button id="host">button 1<span>button 2</span></button> | 7 <button id="host">button 1<span>button 2</span></button> |
8 </form> | 8 </form> |
9 | 9 |
10 <script> | 10 <script> |
11 var host = document.getElementById('host'); | 11 var host = document.getElementById('host'); |
12 var shadowRoot = host.createShadowRoot(); | 12 var shadowRoot = host.createShadowRoot(); |
13 shadowRoot.innerHTML = '<div><content select="span"></content><shadow><content><
/content></shadow></div>' | 13 shadowRoot.innerHTML = '<div><content select="span"></content><shadow></shadow><
/div>' |
14 </script> | 14 </script> |
15 | 15 |
16 </body> | 16 </body> |
17 </html> | 17 </html> |
OLD | NEW |