OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="resources/polyfill.js"></script> | |
3 | 2 |
4 <p>A mixed case of a shadow element and content element.</p> | 3 <p>A mixed case of a shadow element and content element.</p> |
5 <form> | 4 <form> |
6 <object id="host" data="../resources/apple.gif" type="image/gif" width="20"
height="20"> | 5 <object id="host" data="../resources/apple.gif" type="image/gif" width="20"
height="20"> |
7 <param name="foo" value="bar"></param> | 6 <param name="foo" value="bar"></param> |
8 </object> | 7 </object> |
9 <input id="submit" type="submit" value="Submit"> | 8 <input id="submit" type="submit" value="Submit"> |
10 </form> | 9 </form> |
11 | 10 |
12 <script> | 11 <script> |
13 var host = document.getElementById('host'); | 12 var host = document.getElementById('host'); |
14 var shadowRoot = host.webkitCreateShadowRoot(); | 13 var shadowRoot = host.webkitCreateShadowRoot(); |
15 shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></s
hadow></div>" | 14 shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></s
hadow></div>" |
16 </script> | 15 </script> |
OLD | NEW |