basic-slot-5.html (526B)
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 = document.getElementById('outer').attachShadow({mode: 'open'}); 14 shadowRoot.appendChild(shadowDiv); 15 } 16 </script> 17 </head> 18 <body onload="tweak()"> 19 <div id="outer">Hello</div> 20 </body> 21 </html>