<!DOCTYPE HTML> <html> <head> <script> function tweak() { // div with style "border: 10px solid green" var shadowDiv = document.createElement("div"); shadowDiv.style.border = "10px solid green"; // Insertion point will match nothing and use fallback content. var insertionPoint = document.createElement("content"); shadowDiv.appendChild(insertionPoint); var shadowRoot = document.getElementById('outer').createShadowRoot(); shadowRoot.appendChild(shadowDiv); // Remove the insertion point from the ShadowRoot, "Hello" should no // longer be rendered. shadowDiv.removeChild(insertionPoint); } </script> </head> <body onload="tweak()"> <div id="outer">Hello</div> </body> </html>