<!DOCTYPE html>
<html lang="en-US">
<body>
<p>Check your Console (Press F12) to find the root of the shadow element</p>
<p id="point">Main Element</p>
<script>
var x = document.getElementById("point");
var node = document.createElement("h2");
var shadowRoot = node.attachShadow({mode: "open"});
shadowRoot.innerHTML = '<div id="myShadowChild">content</div>';
var shadowChild = shadowRoot.getElementById("myShadowChild");
console.log(node.shadowRoot);
</script> </body>
</html>