--- title: HTMLShadowElement slug: Web/API/HTMLShadowElement tags: - Necesita traducción translation_of: Web/API/HTMLShadowElement --- <div>{{APIRef("Web Components")}}{{obsolete_header}}</div> <p>The <code><strong>HTMLShadowElement</strong></code> interface represents a {{HTMLElement("shadow")}} HTML Element, which is used in <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a>.</p> <p>{{InheritanceDiagram(600, 120)}}</p> <h2 id="Properties">Properties</h2> <p><em>This interface inherits the properties of {{domxref("HTMLElement")}}.</em></p> <h2 id="Methods">Methods</h2> <p><em>This interface inherits the methods of {{domxref("HTMLElement")}}.</em></p> <dl> <dt>{{domxref("HTMLShadowElement.getDistributedNodes()")}}</dt> <dd>Returns a static {{domxref("NodeList")}} of the {{glossary("distributed nodes")}} associated with this <code><shadow></code> element. </dd> </dl> <h2 id="Specifications">Specifications</h2> <table class="spec-table standard-table"> <tbody> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> <tr> <td>{{SpecName('Shadow DOM', '#the-shadow-element', 'shadow')}}</td> <td>{{Spec2('Shadow DOM')}}</td> <td>Initial definition</td> </tr> </tbody> </table> <h2 id="Browser_compatibility">Browser compatibility</h2> {{Compat("api.HTMLShadowElement")}} <h2 id="See_also">See also</h2> <ul> <li>The {{HTMLElement("shadow")}} HTML element, implementing this interface.</li> <li><a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a></li> </ul>