basic-slot-3.html (392B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <script> 5 function tweak() { 6 var slot = document.createElement("slot"); 7 slot.style.color = "green"; 8 9 var shadowRoot = 10 document.getElementById('outer').attachShadow({mode: 'open'}); 11 shadowRoot.appendChild(slot); 12 } 13 </script> 14 </head> 15 <body onload="tweak()"> 16 <div id="outer">This text should be green</div> 17 </body> 18 </html>