--- title: HTMLContentElement slug: Web/API/HTMLContentElement tags: - ContentElement - Deprecated_header - HTMLContentElement - HTMLElement - Web Components - elemento depreciado - shadow dom translation_of: Web/API/HTMLContentElement --- <p>{{ APIRef("Web Components") }}</p> <p>{{Deprecated_header}}</p> <p>A interface do <code><strong>HTMLContentElement</strong></code> representa um {{HTMLElement("content")}} Element HTML, ao qual é usado em <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a>. </p> <h2 id="Properties" name="Properties">Propriedades</h2> <p><em>Esta interface herda as propriedades de {{domxref("HTMLElement")}}.</em></p> <dl> <dt>{{domxref("HTMLContentElement.select")}}</dt> <dd>é um {{domxref("DOMString")}} que reflete o {{ htmlattrxref("select", "content") }} attributo HTML . O valor é uma lista de vírgula separada dos seletores CSS que selecionam o conteúdo para inserir em lugar do elemento <code><content></code>.</dd> </dl> <h2 id="Méthodos">Méthodos</h2> <p><em>Esta interface herda os méthodos de {{domxref("HTMLElement")}}.</em></p> <dl> <dt>{{domxref("HTMLContentElement.getDistributedNodes()")}}</dt> <dd>Returna um static {{domxref("NodeList")}} do {{glossary("distributed nodes")}} associado com este elemento <code><content></code>. </dd> </dl> <h2 id="Specificações">Specificações</h2> <table class="spec-table standard-table"> <tbody> <tr> <th scope="col">Specificações</th> <th scope="col">Status</th> <th scope="col">Commentários</th> </tr> <tr> <td>{{SpecName('Shadow DOM', '#the-content-element', 'content')}}</td> <td>{{Spec2('Shadow DOM')}}</td> <td> </td> </tr> </tbody> </table> <h2 id="Browser_compatibility">Compatibilidade com navegadores</h2> <p>{{CompatibilityTable}}</p> <div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Componentes</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari (WebKit)</th> </tr> <tr> <td>Suporte Básico</td> <td>35</td> <td><span style="font-size: 12px; line-height: 18px;">{{CompatGeckoDesktop("28")}}</span> [1]</td> <td>{{CompatNo}}</td> <td>26</td> <td><span style="font-size: 12px; line-height: 18px;">{{CompatNo}}</span></td> </tr> </tbody> </table> </div> <div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Phone</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>37</td> <td>{{CompatGeckoMobile("28")}} [1]</td> <td>{{CompatNo}}</td> <td>{{CompatUnknown}}</td> <td>{{CompatUnknown}}</td> </tr> </tbody> </table> </div> <p>[1] Se Shadow DOM não é habilitado no Firefox, <content> elementos vai se comportar como {{domxref("HTMLUnknownElement")}}. Shadow DOM foi a primeira implementação do Firefox 28 e está atrásde uma preferência , <code>dom.webcomponents.enabled</code>, qual é desabilitado por padrão.</p> <h2 id="Veja_também">Veja também</h2> <ul> <li>O elemento HTML {{HTMLElement("content")}} , implementa esta interface.</li> <li><a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a></li> </ul> <dl> <dt> </dt> </dl>