JavaScript element.shadowRoot Property
You are Here:
JavaScript element.shadowRoot Property
The element.shadowRoot property returns the open shadow root that is hosted by the element, null if no open shadow root is present.
Note: This property is read-only.
Example
HTML Online Editor
<!DOCTYPE html>
<html>
<body>
<p>Check your console (Press F12)</p>
<script>
var x = document.getElementById("point");
var elem = document.createElement("h2");
var shadowRoot = elem.attachShadow({mode: "open"});
shadowRoot.innerHTML = '<div id="myShadowChild">content</div>';
console.log(elem.shadowRoot);
</script>
</body>
</html>
Syntax
element.shadowRoot
Return Values
| Value | Explanation |
|---|---|
| Object | Returns the open shadow root that is hosted by the element. |
| null | If no open shadow root is present. |
Reminder
Hi Developers, we almost covered 97% of JavaScript Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in JavaScript.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.
