layout/reftests/webcomponents/basic-slot-6.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <script>
   5     function tweak() {
   6       // div with style "border: 10px solid green"
   7       var shadowDiv = document.createElement("div");
   8       shadowDiv.style.border = "10px solid green";
   9
  10       var slot = document.createElement("slot");
  11       shadowDiv.appendChild(slot);
  12
  13       var shadowRoot =
  14         document.getElementById('outer').attachShadow({mode: 'open'});
  15       shadowRoot.appendChild(shadowDiv);
  16     }
  17   </script>
  18 </head>
  19 <body onload="tweak()">
  20 <div id="outer">
  21   <span style="background-color: purple">Hello</span>
  22   <span style="background-color: orange">World</span>
  23 </div>
  24 </body>
  25 </html>