basic-slot-4.html 503 B

123456789101112131415161718192021
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <script>
  5. function tweak() {
  6. var slot = document.createElement("slot");
  7. // The border shouldn't be visible, due to display: contents.
  8. slot.style.border = "1px solid red";
  9. slot.style.color = "green";
  10. var shadowRoot =
  11. document.getElementById('outer').attachShadow({mode: 'open'});
  12. shadowRoot.appendChild(slot);
  13. }
  14. </script>
  15. </head>
  16. <body onload="tweak()">
  17. <div id="outer">This text should be green</div>
  18. </body>
  19. </html>