Web Component Getting started with Web Component Shadow DOM - Hello World

Example

Add a Shadow DOM to a div that will display "Hello, World!" instead of its initial content.

<div id="Div1">intial content</div>

<script>
   var shadow = Div1.attachShadow( { mode: 'open' } )
   shadow.innerHTML = "Hello, World!" 
</script>