layout/reftests/webcomponents/nested-insertion-point-1.html

Fri, 16 Jan 2015 04:50:19 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 04:50:19 +0100
branch
TOR_BUG_9701
changeset 13
44a2da4a2ab2
permissions
-rw-r--r--

Replace accessor implementation with direct member state manipulation, by
request https://trac.torproject.org/projects/tor/ticket/9701#comment:32

     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>

mercurial