Shadow DOM!

HTML

<div id="welcomeMessage">
Welcome to My World
</div>
<div class="normalTree">
    Sample List
    <ul>
        <li> Item 1 </li>
        <li> Item 2 </li>
    </ul>
</div>

JavaScript

var shadowHost = document.querySelector("#welcomeMessage");
var shadowRoot = shadowHost.webkitCreateShadowRoot();
shadowRoot.innerHTML = ["<style> li{ color: red} </style>",
                        "<div class='shadowChild'>",
                        "Shadow DOM offers us Encapsulation from",
                        "<ul>",
                        "<li>Scripts a </li>",
                        "<li>Styles</li>",
                        "</ul>",
                        "</div>"
                        ].join(',').replace(/,/g,"");