layout/reftests/webcomponents/nested-insertion-point-1.html@8bccb770b82d
layout/reftests/webcomponents/nested-insertion-point-1.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
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";
10 var outerInsertionPoint = document.createElement("content");
11 outerShadow.appendChild(outerInsertionPoint);
13 // div with style "border: 10px solid orange"
14 var innerShadow = document.createElement("div");
15 innerShadow.style.border = "10px solid orange";
17 var innerInsertionPoint = document.createElement("content");
18 innerShadow.appendChild(innerInsertionPoint);
20 outerShadow.createShadowRoot().appendChild(innerShadow);
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>
