OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <body> | 4 <body> |
5 <script src="resources/polyfill.js"></script> | |
6 | 5 |
7 <p>When a button element has a shadow dom having a shadow element, it should get
the children of the button element.</p> | 6 <p>When a button element has a shadow dom having a shadow element, it should get
the children of the button element.</p> |
8 | 7 |
9 <button id="host1">Kotori</button> | 8 <button id="host1">Kotori</button> |
10 <button id="host2">Kotori</button> | 9 <button id="host2">Kotori</button> |
11 | 10 |
12 <script> | 11 <script> |
13 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 12 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
14 shadowRoot1.innerHTML = "<shadow></shadow> Otonashi"; | 13 shadowRoot1.innerHTML = "<shadow></shadow> Otonashi"; |
15 | 14 |
16 var shadowRoot2 = host2.webkitCreateShadowRoot(); | 15 var shadowRoot2 = host2.webkitCreateShadowRoot(); |
17 shadowRoot2.innerHTML = "foo <shadow></shadow> bar"; | 16 shadowRoot2.innerHTML = "foo <shadow></shadow> bar"; |
18 var shadowRoot3 = host2.webkitCreateShadowRoot(); | 17 var shadowRoot3 = host2.webkitCreateShadowRoot(); |
19 shadowRoot3.innerHTML = "FOO <shadow></shadow> BAR"; | 18 shadowRoot3.innerHTML = "FOO <shadow></shadow> BAR"; |
20 </script> | 19 </script> |
21 | 20 |
22 </body> | 21 </body> |
23 </html> | 22 </html> |
OLD | NEW |