basic-slot-6.html (638B)
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>