The Tor Browser / file comparison
comparison: layout/reftests/webcomponents/nested-insertion-point-1.html
layout/reftests/webcomponents/nested-insertion-point-1.html
- changeset 2
- 7e26c7da4463
equal
deleted
inserted
replaced
| -1:000000000000 | 0:4cc575848476 |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script> | |
| 5 function tweak() { | |
| 6 // div with style "border: 10px solid green" | |
| 7 var outerShadow = document.createElement("div"); | |
| 8 outerShadow.style.border = "10px solid green"; | |
| 9 | |
| 10 var outerInsertionPoint = document.createElement("content"); | |
| 11 outerShadow.appendChild(outerInsertionPoint); | |
| 12 | |
| 13 // div with style "border: 10px solid orange" | |
| 14 var innerShadow = document.createElement("div"); | |
| 15 innerShadow.style.border = "10px solid orange"; | |
| 16 | |
| 17 var innerInsertionPoint = document.createElement("content"); | |
| 18 innerShadow.appendChild(innerInsertionPoint); | |
| 19 | |
| 20 outerShadow.createShadowRoot().appendChild(innerShadow); | |
| 21 | |
| 22 var shadowRoot = document.getElementById('outer').createShadowRoot(); | |
| 23 shadowRoot.appendChild(outerShadow); | |
| 24 } | |
| 25 </script> | |
| 26 </head> | |
| 27 <body onload="tweak()"> | |
| 28 <div id="outer">Hello</div> | |
| 29 </body> | |
| 30 </html> |
