---
title: Element
slug: Web/API/Element
tags:
  - API
  - DOM
  - DOM Reference
  - Element
  - Interface
  - Reference
  - Web API
translation_of: Web/API/Element
---
<p>{{ APIRef("DOM") }}</p>

<p><span class="seoSummary"><font face="Open Sans, Arial, sans-serif">A interface </font><code><strong>Element</strong></code> é a classe base mais geral da qual todos os objetos em um {{domxref("Document")}} herda. Ela somente tem métodos e propriedades comuns para todos os tipos de elementos. Mais classes específicas herdam de <code>Element</code>. Por exemplo, a interface {{domxref("HTMLElement")}} é a interface base para elementos HTML, enquanto a interface {{domxref("SVGElement")}} é a base para todos os elementos SVG. A maioria das funcionalidades é especificada mais abaixo da hierarquia de classes. </span></p>

<p>Linguagens fora do domínio da plataforma da Web, como XUL através da interface <code>XULElement</code>, também implementa <code>Element</code>.</p>

<h2 id="Properties" name="Properties">Propriedades</h2>

<p><em>Herda propriedades de seus parentes {{domxref("Node")}}, e seu próprio parente, {{domxref("EventTarget")}}, e implementa aqueles de {{domxref("ParentNode")}}, {{domxref("ChildNode")}}, {{domxref("NonDocumentTypeChildNode")}}, e </em>{{domxref("Animatable")}}.</p>

<dl>
 <dt>{{ domxref("Element.attributes") }}  {{readOnlyInline}}</dt>
 <dd>Retorna um {{ domxref("NamedNodeMap") }} que lista todos os atributos associados ao elemento.</dd>
 <dt>{{ domxref("ParentNode.childElementCount") }}</dt>
 <dd>É um {{jsxref("Number")}} representando o número de nós filhos que são elementos.</dd>
 <dt>{{ domxref("ParentNode.children") }}</dt>
 <dd>É um {{ domxref("HTMLCollection") }} ao vivo contendo todos os elementos filhos do elemento, como uma coleção.</dd>
 <dt>{{ domxref("Element.classList") }} {{readOnlyInline}}</dt>
 <dd>Retorna um {{ domxref("DOMTokenList") }} contendo a lista de atributos de classe.</dd>
 <dt>{{ domxref("Element.className") }}</dt>
 <dd>É um {{domxref("DOMString")}} representando a classe do elemento.</dd>
 <dt>{{ domxref("Element.clientHeight") }} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando a altura interna do elemento.</dd>
 <dt>{{ domxref("Element.clientLeft") }} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando a largura da borda do elemento..</dd>
 <dt>{{ domxref("Element.clientTop") }} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando a largura da borda do topo do elemento.</dd>
 <dt>{{ domxref("Element.clientWidth") }} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando a largura interna do elemento.</dd>
 <dt>{{ domxref("ParentNode.firstElementChild") }}</dt>
 <dd>
 <p>É um {{ domxref("Element") }}, o primeiro elemento filho direto de um elemento, ou <code>null</code> se o elemento não tem elementos filho.</p>
 </dd>
 <dt>{{ domxref("Element.id") }}</dt>
 <dd>É um {{domxref("DOMString")}} representando o id do elemento.</dd>
 <dt>{{ domxref("Element.innerHTML") }} {{experimental_inline}}</dt>
 <dd>É um {{domxref("DOMString")}} representando a marcação do conteúdo do elemento.</dd>
 <dt>{{ domxref("ParentNode.lastElementChild") }}</dt>
 <dd>É um {{ domxref("Element") }}, o último elemento filho direto de um elemento, ou <code>null</code> se o elemento não tem elementos filho.</dd>
 <dt>{{ domxref("NonDocumentTypeChildNode.nextElementSibling") }}</dt>
 <dd>É um {{ domxref("Element") }}, o elemento seguido imediatamente do dito na árvore, ou <code>null</code> se não há nó irmão.</dd>
 <dt>{{ domxref("Element.outerHTML") }} {{experimental_inline}}</dt>
 <dd>É um {{domxref("DOMString")}} representando a marcação do elemento incluindo seu conteúdo. Quando usado como um <a href="/pt-BR/docs/Web/JavaScript/Reference/Functions/set">setter</a>, substitui o elemento com nós analisados a partir de uma determinada <a href="/pt-BR/docs/Glossario/String">string</a>.</dd>
 <dt>{{ domxref("NonDocumentTypeChildNode.previousElementSibling") }}</dt>
 <dd>É um {{ domxref("Element") }}, o elemento precedido imediatamente do dito na árvore, ou <code>nulo</code> se não há elemento irmão.</dd>
 <dt>{{ domxref("Element.scrollHeight") }} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando a altura da vista de rolagem de um elemento.</dd>
 <dt>{{ domxref("Element.scrollLeft") }} {{experimental_inline}}</dt>
 <dd>É um {{jsxref("Number")}} representando o deslocamento de rolagem esquerdo do elemento.</dd>
 <dt>{{ domxref("Element.scrollLeftMax") }} {{non-standard_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando o deslocamento de rolagem esquerdo máximo possível para o elemento.</dd>
 <dt>{{ domxref("Element.scrollTop") }} {{experimental_inline}}</dt>
 <dd>É um {{jsxref("Number")}} representando o deslocamento de rolagem superior de um elemento.</dd>
 <dt>{{ domxref("Element.scrollTopMax") }} {{non-standard_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando o deslocamento de rolagem máximo superior possível para o elemento.</dd>
 <dt>{{ domxref("Element.scrollWidth") }} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna um {{jsxref("Number")}} representando a largura de exibição de rolagem do elemento.</dd>
 <dt>{{domxref("Element.shadowRoot") }} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>...</dd>
 <dt>{{ domxref("Element.tagName") }} {{readOnlyInline}}</dt>
 <dd>Retorna um {{domxref("String")}} com o nome da tag para o elemento em questão.</dd>
 <dt>{{ domxref("Element.undoManager")}} {{experimental_inline}} {{readOnlyInline}}</dt>
 <dd>Retorna o {{domxref("UndoManager")}} associado com o elemento.</dd>
 <dt>{{ domxref("Element.undoScope")}} {{experimental_inline}}</dt>
 <dd>É a {{jsxref("Boolean")}} indicando se o elemento é um anular hospedagem de escopo, ou não.</dd>
</dl>

<h3 id="Handlers" name="Handlers">Manipuladores de Eventos</h3>

<dl>
 <dt>{{ domxref("Element.ongotpointercapture") }}</dt>
 <dd>…</dd>
 <dt>{{ domxref("Element.onlostpointercapture") }}</dt>
 <dd>…</dd>
 <dt>{{ domxref("Element.onwheel") }} {{ non-standard_inline() }}</dt>
 <dd>Retorna o código de manipulação de evento para o evento <code>wheel</code>.</dd>
</dl>

<h2 id="Methods" name="Methods">Métodos</h2>

<p><em>Herda métodos de seus parentes {{domxref("Node")}}, e seu proprío parente, {{domxref("EventTarget")}}<em>, e implementa aqueles de  {{domxref("ParentNode")}}, {{domxref("ChildNode")}}<em>, {{domxref("NonDocumentTypeChildNode")}}, e</em></em> {{domxref("Animatable")}}.</em></p>

<dl>
 <dt>{{ domxref("EventTarget.addEventListener()") }}</dt>
 <dd>Registra um manipulador de evento para um tipo específico de evento no elemento.</dd>
 <dt>{{ domxref("Element.closest()")}} {{experimental_inline}}</dt>
 <dd>Retorna o {{domxref("Element")}}, descendente deste elemento(ou este elemento em si), que é o ancestral mais próximo dos elementos selecionados pelos seletores dados no parâmetro.</dd>
 <dt>{{ domxref("Element.createShadowRoot()")}} {{experimental_inline}}</dt>
 <dd>…</dd>
 <dt>{{ domxref("EventTarget.dispatchEvent()") }}</dt>
 <dd>Despacha um evento para este nó no DOM e retorna um {{jsxref("Boolean")}} que indica que pelo menos um manipulador não o cancelou.</dd>
 <dt>{{domxref("Element.find()")}}{{experimental_inline}}</dt>
 <dd>...</dd>
 <dt>{{domxref("Element.findAll()")}}{{experimental_inline}}</dt>
 <dd>...</dd>
 <dt>{{domxref("Animatable.getAnimationPlayers()")}} {{experimental_inline}}</dt>
 <dd>…</dd>
 <dt>{{ domxref("Element.getAttribute()") }}</dt>
 <dd>Recupera o valor do atributo nomeado do nó atual e o retorna como um {{jsxref("Object")}}.</dd>
 <dt>{{ domxref("Element.getAttributeNS()") }}</dt>
 <dd>Recupera o valor do atributo com o nome especificado e <a href="/pt-BR/docs/Mozilla/Tech/XUL/Namespaces">namespace</a>, do nó atual e o retorna como um {{jsxref("Object")}}.</dd>
 <dt>{{ domxref("Element.getAttributeNode()") }} {{obsolete_inline}}</dt>
 <dd>Recupera a representação do nó de um atributo nomeado do nó atual e o retorna como um {{ domxref("Attr") }}.</dd>
 <dt>{{ domxref("Element.getAttributeNodeNS()") }} {{obsolete_inline}}</dt>
 <dd>Recupera a representação de nó do atributo com o nome especificado e <a href="/pt-BR/docs/Mozilla/Tech/XUL/Namespaces">namespace</a>, do nó atual e o retorna como um {{ domxref("Attr") }}.</dd>
 <dt>{{ domxref("Element.getBoundingClientRect()") }}<code> </code>{{experimental_inline}}</dt>
 <dd>...</dd>
 <dt>{{ domxref("Element.getClientRects()") }} {{experimental_inline}} TYPE of returnvalue????</dt>
 <dd>Retorna uma coleção de retângulos que indicam os retângulos delimitadores para cada linha de texto em um cliente.</dd>
 <dt>{{domxref("Element.getDestinationInsertionPoints()")}} {{experimental_inline}}</dt>
 <dd>…</dd>
 <dt>{{ domxref("Element.getElementsByClassName()") }}</dt>
 <dd>Retorna um {{ domxref("HTMLCollection") }} vivo que contêm todos os descendentes do elemento atual que possui a lista de classes dadas no parâmetro.</dd>
 <dt>{{ domxref("Element.getElementsByTagName()") }}</dt>
 <dd>Retorna um {{ domxref("HTMLCollection") }} vivo contendo todos os elementos descendentes, de uma etiqueta de nome particular, do elemento atual.</dd>
 <dt>{{ domxref("Element.getElementsByTagNameNS()") }}</dt>
 <dd>Retorna um {{ domxref("HTMLCollection") }} vivo contendo todos os elementos descendentes, de uma etiqueta de nome particular e <a href="/pt-BR/docs/Mozilla/Tech/XUL/Namespaces">namespace</a>, do elemento atual.</dd>
 <dt>{{ domxref("Element.hasAttribute()") }}</dt>
 <dd>Retorna um {{jsxref("Boolean")}} indicando se o elemento tem o atributo especificado ou não.</dd>
 <dt>{{ domxref("Element.hasAttributeNS()") }}</dt>
 <dd>Retorna um {{jsxref("Boolean")}} indicando se o elemento tem um atributo especificado, no <a href="/pt-BR/docs/Mozilla/Tech/XUL/Namespaces">namespace</a> especificado, ou não.</dd>
 <dt>{{ domxref("Element.insertAdjacentHTML") }} {{experimental_inline}}</dt>
 <dd>Analisa o texto como HTML ou XML e insere os nós resultantes na árvore em dada posição.</dd>
 <dt>{{ domxref("Element.matches()") }}<code> </code>{{experimental_inline}}</dt>
 <dd>Retorna um {{jsxref("Boolean")}} indicando se o elemento seria ou não selecionado pelo seletor de string specificada.</dd>
 <dt>{{ domxref("Element.querySelector()") }}</dt>
 <dd>Retorna {{ domxref("Node") }}...</dd>
 <dt>{{ domxref("Element.querySelectorAll") }}</dt>
 <dd>Retorna um {{ domxref("NodeList") }}...</dd>
 <dt>{{ domxref("Element.releasePointerCapture")}} {{experimental_inline}}</dt>
 <dd>…</dd>
 <dt>{{domxref("ChildNode.remove()")}}</dt>
 <dd>Remove o elemento da lista de filhos de seu parente.</dd>
 <dt>{{ domxref("Element.removeAttribute()") }}</dt>
 <dd>Remove um atributo nomeado do nó atual.</dd>
 <dt>{{ domxref("Element.removeAttributeNS()") }}</dt>
 <dd>Remove o atributo com o nome especificado ou <a href="/pt-BR/docs/Mozilla/Tech/XUL/Namespaces">namespace</a>, do nó atual.</dd>
 <dt>{{ domxref("Element.removeAttributeNode()") }} {{obsolete_inline}}</dt>
 <dd>Remove a representação do nó do atributo nomeado do nó atual.</dd>
 <dt>{{ domxref("EventTarget.removeEventListener()") }}</dt>
 <dd>Remove um ouvinte de eventos do elemento.</dd>
 <dt>{{ domxref("Element.requestFullscreen()") }} {{experimental_inline}}</dt>
 <dd>Assíncronamente pede o navegador para fazer o elemento tela cheia.</dd>
 <dt>{{ domxref("Element.requestPointerLock()")}} {{experimental_inline}}</dt>
 <dd>Permite assíncronamente pedir pelo apontador para ser bloqueado em um dado elemento.</dd>
</dl>

<dl>
 <dt>{{ domxref("Element.scrollIntoView()") }} {{experimental_inline}}</dt>
 <dd>Rola a página até que o elemento apareça na visão.</dd>
 <dt>{{ domxref("Element.setAttribute()") }}</dt>
 <dd>Define o valor de um atributo nomeado do nó atual.</dd>
 <dt>{{ domxref("Element.setAttributeNS()") }}</dt>
 <dd>Define o valor do atributo com o nome especificado e <a href="/pt-BR/docs/Mozilla/Tech/XUL/Namespaces">namespace</a>, do nó atual.</dd>
 <dt>{{ domxref("Element.setAttributeNode()") }} {{obsolete_inline}}</dt>
 <dd>Define a representação do nó de um atributo nomeado do nó atual.</dd>
 <dt>{{ domxref("Element.setAttributeNodeNS()") }} {{obsolete_inline}}</dt>
 <dd>Define a representação do nó do atributo com o nome especificado e <a href="/pt-BR/docs/Mozilla/Tech/XUL/Namespaces">namespace</a>, do nó atual.</dd>
 <dt>{{ domxref("Element.setCapture()") }} {{non-standard_inline}}</dt>
 <dd>Define a captura de evento do mouse, redirecionando todos os eventos de mouse para este elemento.</dd>
 <dt>{{domxref("Element.setPointerCapture()")}}</dt>
 <dd>…</dd>
</dl>

<h2 id="Especificações">Especificações</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("Web Animations", '', '')}}</td>
   <td>{{Spec2("Web Animations")}}</td>
   <td>Adicionado o método <code>getAnimationPlayers()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Undo Manager', '', 'Element')}}</td>
   <td>{{Spec2('Undo Manager')}}</td>
   <td>Adicionadas as propriedades <code>undoScope</code> e <code>undoManager</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Pointer Events', '#extensions-to-the-element-interface', 'Element')}}</td>
   <td>{{Spec2('Pointer Events')}}</td>
   <td>Adicionados os seguintes manipuladores de evento: <code>ongotpointercapture</code> e <code>onlostpointercapture</code>.<br>
    Adicionados os seguintes métodos: <code>setPointerCapture()</code> e <code>releasePointerCapture()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Selectors API Level 2', '#interface-definitions', 'Element')}}</td>
   <td>{{Spec2('Selectors API Level 2')}}</td>
   <td>Adicionados os seguintes métodos:<code> matches()</code> (implementado como <code>mozMatchesSelector()</code>), <code>find()</code>, <code>findAll()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Selectors API Level 1', '#interface-definitions', 'Element')}}</td>
   <td>{{Spec2('Selectors API Level 1')}}</td>
   <td>Adicionados os seguintes métodos: <code>querySelector()</code> e <code>querySelectorAll()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Pointer Lock', 'index.html#element-interface', 'Element')}}</td>
   <td>{{Spec2('Pointer Lock')}}</td>
   <td>Adicionado o método <code>requestPointerLock()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Fullscreen', '#api', 'Element')}}</td>
   <td>{{Spec2('Fullscreen')}}</td>
   <td>Adicionado o método <code>requestFullscreen()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM Parsing', '#extensions-to-the-element-interface', 'Element')}}</td>
   <td>{{Spec2('DOM Parsing')}}</td>
   <td>Adicionadas as seguintes propriedades: <code>innerHTML</code>, e <code>outerHTML</code>.<br>
    Adicionado o seguinte método: <code>insertAdjacentHTML()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('CSSOM View', '#extensions-to-the-element-interface', 'Element')}}</td>
   <td>{{Spec2('CSSOM View')}}</td>
   <td>Adicionadas as seguintes propriedades: <code>scrollTop</code>, <code>scrollLeft</code>, <code>scrollWidth</code>, <code>scrollHeight</code>, <code>clientTop</code>, <code>clientLeft</code>, <code>clientWidth</code>, e <code>clientHeight</code>.<br>
    Adicionados os seguintes métodos: <code>getClientRects()</code>, <code>getBoundingClientRect()</code>, e <code>scrollIntoView()</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Element Traversal', '#ecmascript-bindings', 'Element')}}</td>
   <td>{{Spec2('Element Traversal')}}</td>
   <td>Adicionada herança da interface {{domxref("ElementTraversal")}}.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#interface-element', 'Element')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td>Removidos os seguintes métodos: <code>closest()</code>, <code>setIdAttribute()</code>, <code>setIdAttributeNS()</code>, e <code>setIdAttributeNode()</code>.<br>
    Removida a propriedade <code>schemaTypeInfo</code>.<br>
    Modificado o valor de retorno de <code>getElementsByTag()</code> e <code>getElementsByTagNS()</code>.<br>
    Movida <code>hasAttributes()</code> da interface <code>Node</code> para esta.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM3 Core', 'core.html#ID-745549614', 'Element')}}</td>
   <td>{{Spec2('DOM3 Core')}}</td>
   <td>Adicionados os seguintes métodos: <code>setIdAttribute()</code>, <code>setIdAttributeNS()</code>, e <code>setIdAttributeNode()</code>. Estes métodos nunca foram implementados e foram removidos em especificações posteriores.<br>
    Adicionada a propriedade <code>schemaTypeInfo</code>. Esta propriedade nunca foi implementada e foi removida em especificações posteriores.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Core', 'core.html#ID-745549614', 'Element')}}</td>
   <td>{{Spec2('DOM2 Core')}}</td>
   <td>O método <code>normalize()</code> foi movido para {{domxref("Node")}}.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM1', 'level-one-core.html#ID-745549614', 'Element')}}</td>
   <td>{{Spec2('DOM1')}}</td>
   <td>Definição inicial.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Compatibilidade com navegadores</h2>

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</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>1.0</td>
   <td>{{CompatGeckoDesktop("1")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>1.0</td>
  </tr>
  <tr>
   <td><code>children</code></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.9")}}</td>
   <td>7.0 com um bug significativo[1]<br>
    9.0 de acordo com as especificações</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>childElementCount</code>, <code>nextElementSibling</code>, <code>previousElementSibling</code></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
   <td>9.0</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>firstElementChild</code>, <code>lastElementChild</code></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.9")}}</td>
   <td>9.0</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>classList</code></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.9.2")}}</td>
   <td> </td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>outerHTML</code> {{experimental_inline}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("11")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>clientLeft</code>, <code>clientTop</code> {{experimental_inline}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>getBoundingClientRect()</code>, <code>getClientRects()</code> {{experimental_inline}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.9")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>querySelector()</code>, <code>querySelectorAll()</code></td>
   <td>1.0</td>
   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
   <td>8.0</td>
   <td>10.0</td>
   <td>3.2 (525.3)</td>
  </tr>
  <tr>
   <td><code>insertAdjacentHTML()</code> {{experimental_inline}}</td>
   <td>1.0</td>
   <td>{{CompatGeckoDesktop("8")}}</td>
   <td>4.0</td>
   <td>7.0</td>
   <td>4.0 (527)</td>
  </tr>
  <tr>
   <td><code>setCapture() </code>{{non-standard_inline}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("2")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>oncopy</code>, <code>oncut</code>, <code>onpaste</code> {{non-standard_inline}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("1.9")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td> </td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>onwheel</code> {{non-standard_inline}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("17")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>ongotpointercapture</code>, <code>onlostpointercapture</code>, <code>setPointerCapture()</code>, e <code>releasePointerCapture()</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>10.0 {{property_prefix("MS")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>matches()</code> {{experimental_inline}}</td>
   <td>{{CompatVersionUnknown}} com o nome não padrão <code>webkitMatchesSelector</code></td>
   <td>{{CompatGeckoDesktop("1.9.2")}} com o nome não padrão <code>mozMatchesSelector</code><br>
    {{CompatGeckoDesktop("34")}} com o nome padrão</td>
   <td>9.0 com o nome não padrão <code>msMatchesSelector</code></td>
   <td>11.5 com o nome não padrão <code>oMatchesSelector</code><br>
    15.0 com o nome não padrão <code>webkitMatchesSelector</code></td>
   <td>5.0 com o nome não padrão <code>webkitMatchesSelector</code></td>
  </tr>
  <tr>
   <td><code>find()</code> e <code>findAll()</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>requestPointerLock()</code></td>
   <td>16.0  {{property_prefix("webkit")}}, atrás de um about:flags<br>
    22.0 {{property_prefix("webkit")}} (com casos especiais, levantados progressivamente, veja [2])</td>
   <td>{{CompatGeckoDesktop("14")}}{{property_prefix("moz")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>requestFullscreen()</code></td>
   <td>14.0 {{property_prefix("webkit")}}</td>
   <td>{{CompatGeckoDesktop("10")}} {{property_prefix("moz")}}</td>
   <td>11.0 {{property_prefix("ms")}}</td>
   <td>12.10<br>
    15.0 {{property_prefix("webkit")}}</td>
   <td>5.1 {{property_prefix("webkit")}}</td>
  </tr>
  <tr>
   <td><code>undoManager</code> e <code>undoScope</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}} (atrás do pref <code>dom.undo_manager.enabled</code>)</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>attributes</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("22")}}<br>
    Antes era disponível via interface {{domxref("Node")}} que qualquer <code>element</code> herda.</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>scrollTopMax()</code> e <code>scrollLeftMax()</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("16")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>closest()</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("35")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>hasAttributes()</code></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.0")}} (na interface {{domxref("Node")}})<br>
    {{CompatGeckoDesktop("35")}} (nesta interface)</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suporte básico</td>
   <td>1.0</td>
   <td>{{CompatGeckoMobile("1")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>1.0</td>
  </tr>
  <tr>
   <td><code>scrollTopMax()</code> and <code>scrollLeftMax()</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoMobile("16")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>closest()</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("35")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>hasAttributes()</code></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}} (na interface {{domxref("Node")}})<br>
    {{CompatGeckoMobile("35")}} (nesta interface)</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Internet Explorer 7 e 8 incorretamente retorna os comentários como parte do filho de um Element. Isto está fixado no Internet Explorer 9 e posterior.</p>

<p>[2] Chrome 16 permitiu <code>webkitRequestPointerLock()</code> somente em tela cheia; Chrome 21 para website confiável(com permissão do usuário);  Chrome 22 permitiu por padrão para todos documentos de mesma origem; Chrome 23 permitiu em testes em ambientes locais {{HTMLElement("iframe")}} se o valor não padrão <code>webkit-allow-pointer-lock</code> é definido para o atributo {{htmlattrxref("sandbox", "iframe")}}.</p>