CodePen Embed - Shadow DOM example

<button onclick="onClickHandler()">Hello World</button>

var host = document.querySelector('button');
var root = host.createShadowRoot();
root.textContent = 'Lorem Ipsum';

// Outputs Hello World
function onClickHandler() {
    alert( host.textContent );
}

This Pen is owned by Matt Fairbrass on CodePen.

See more by @matt-d-rat on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.