{"json_modified": "2016-09-18T14:48:58.291311", "uuid": "f57e65d4-f9de-47a5-9a7f-ee51c6729ac2", "title": "Element.attachShadow()", "url": "/en-US/docs/Web/API/Element/attachShadow", "tags": ["API", "Element", "Reference", "attachShadow", "shadow dom", "Method"], "translations": [], "modified": "2016-09-18T14:48:58", "label": "Element.attachShadow()", "localization_tags": [], "locale": "en-US", "id": 165789, "last_edit": "2016-09-18T14:48:53", "summary": "The <strong><code>Element.attachShadow()</code></strong> method attatches a shadow DOM tree to the specified element and returns a reference to its\u00a0<a href=\"https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot\" title=\"Use Element.attachShadow&#xA0;to create an instance of&#xA0;shadow DOM. When shadow DOM is created, it is always attached to an existing element. After the shadow DOM is created, the element that it is attached to is called&#xA0;the shadow root.\"><code>ShadowRoot</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Parameters", "title": "Parameters"}, {"id": "Returns", "title": "Returns"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/API/Element/attachShadow", "review_tags": ["technical"]}