Edit in JSFiddle

var ShadowHost = document.querySelector('span');
var ShadowRoot = ShadowHost.attachShadow({mode: 'closed'});
ShadowRoot.innerHTML = 'Hello from the ShadowRoot';

<span id='theSpan'>Hello, world!</span>