layout/reftests/webcomponents/basic-shadow-2.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       var shadowDiv = document.createElement("div");
     7       shadowDiv.style.border = "10px solid green";
     9       var shadowRoot = document.getElementById('outer').createShadowRoot();
    10       shadowRoot.appendChild(shadowDiv);
    12       var orangeDiv = document.createElement("div");
    13       orangeDiv.style.border = "10px solid orange";
    15       var purpleDiv = document.createElement("div");
    16       purpleDiv.style.border = "10px solid purple";
    18       shadowDiv.appendChild(purpleDiv);
    19       shadowDiv.insertBefore(orangeDiv, purpleDiv);
    20     }
    21   </script>
    22 </head>
    23 <body onload="tweak()">
    24 <div id="outer">
    25   <div style="background-color:red;"></div>
    26 </div>
    27 </body>
    28 </html>

mercurial