English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O objeto Element representa um elemento HTML, por exemplo <p>, <div>, <a>, <form> ou qualquer outro elemento HTML.
O objeto Element possui métodos e propriedades comuns a todos os elementos.
A tabela a seguir lista as propriedades do objeto Element:
| Atributo | Descrição |
|---|---|
| accessKey | Define ou retorna o valor da propriedade 'accesskey' do elemento |
| attributes | Retorna o NamedNodeMap de atributos do elemento |
| childElementCount | Retorna o número de elementos filhos do elemento dado |
| childNodes | Retorna a lista de nós filhos do elemento (inclui nós de texto e de comentário) |
| children | Retorna a lista de elementos filhos do elemento (não inclui nós de texto e de comentário) |
| classList | Retorna o nome da classe do elemento |
| className | Define ou retorna o valor da propriedade 'class' do elemento |
| clientHeight | Retorna a altura do elemento, incluindo preenchimento |
| clientLeft | Retorna a largura da borda esquerda do elemento |
| clientTop | Retorna a largura da borda superior do elemento |
| clientWidth | Retorna a largura do elemento, incluindo preenchimento |
| contentEditable | Define ou retorna se o conteúdo do elemento é editável |
| dir | Define ou retorna o valor da propriedade 'dir' do elemento |
| firstChild | Retorna o primeiro nó filho do elemento |
| firstElementChild | Retorna o primeiro elemento filho do elemento (não inclui nós de texto e de comentário) |
| id | Define ou retorna o valor da propriedade id do elemento |
| innerHTML | Define ou retorna o conteúdo do elemento |
| innerText | Define ou retorna o conteúdo de texto do elemento e de seus descendentes |
| isContentEditable | Se o conteúdo do elemento for editável, retorna true; caso contrário, retorna false |
| lang | Define ou retorna o valor da propriedade lang do elemento |
| lastChild | Retorna o último nó filho do elemento |
| lastElementChild | Retorna o último elemento filho do elemento (não inclui nós de texto e de comentário) |
| namespaceURI | Retorna o URI do espaço de nomes do elemento |
| nextSibling | Retorna o nó seguinte na mesma nível do nó da árvore de nós |
| nextElementSibling | Retorna o elemento seguinte na mesma nível do nó da árvore de nós (não inclui nós de texto e de comentário) |
| nodeName | Retorna o nome do nó |
| nodeType | Retorna o tipo do nó |
| nodeValue | Define ou retorna o valor do nó |
| offsetHeight | Retorna a altura do elemento, incluindo preenchimento, borda e barra de rolagem |
| offsetWidth | Retorna a largura do elemento, incluindo preenchimento, borda e barra de rolagem |
| offsetLeft | Retorna a posição horizontal deslocada do elemento |
| offsetParent | Retorna o contêiner de deslocamento do elemento |
| offsetTop | Retorna a posição vertical deslocada do elemento |
| ownerDocument | Retorna o elemento raiz (objeto documento) |
| parentNode | Retorna o nó pai do elemento |
| parentElement | Retorna o elemento pai do elemento |
| previousSibling | Retorna o nó anterior na mesma nível do nó da árvore de nós |
| previousElementSibling | Retorna o elemento anterior na mesma nível do nó da árvore de nós (não inclui nós de texto e de comentário) |
| scrollHeight | Retorna um número que representa a altura da vista de rolagem do elemento |
| scrollLeft | Define ou retorna o valor em pixels da rolagem horizontal do conteúdo do elemento |
| scrollTop | Define ou retorna o valor em pixels da rolagem vertical do conteúdo do elemento |
| scrollWidth | Retorna um número que representa a largura da vista de rolagem do elemento |
| style | Define ou retorna o valor da propriedade style do elemento |
| tabIndex | Define ou retorna o valor da propriedade tabindex do elemento |
| tagName | Retorna o nome da etiqueta do elemento |
| textContent | Define ou retorna o conteúdo de texto do nó e de seus descendentes |
| title | Define ou retorna o valor da propriedade title do elemento |
A tabela a seguir lista os métodos do objeto Element:
| Método | Descrição |
|---|---|
| addEventListener() | Anexa um manipulador de evento ao elemento especificado |
| appendChild() | Adiciona um novo nó filho ao elemento como o último filho |
| blur() | Tira o foco do elemento |
| cloneNode() | Clona o elemento |
| click() | Simula um clique do mouse no elemento |
| compareDocumentPosition() | Compara a posição de documento de dois elementos |
| contains() | Retorna true se o nó for descendente do nó; caso contrário, retorna false |
| focus() | Coloca o foco no elemento |
| getAttribute() | Retorna o valor do atributo especificado do nó do elemento |
| getAttributeNode() | Retorna o nó de atributo especificado |
| getBoundingClientRect() | Retorna o tamanho do elemento e sua posição em relação à viewport |
| getElementsByClassName() | Retorna uma lista de todos os filhos com a classe especificada |
| getElementsByTagName() | Retorna uma lista de todos os filhos com o nome de tag especificado |
| hasAttribute() | Retorna true se o elemento tiver o atributo especificado; caso contrário, retorna false |
| hasAttributes() | Retorna true se o elemento tiver qualquer atributo; caso contrário, retorna false |
| hasChildNodes() | Retorna true se o elemento tiver qualquer nó filho; caso contrário, retorna false |
| insertAdjacentElement() | Insere um elemento HTML no local especificado em relação ao elemento atual |
| insertAdjacentHTML() | Insere texto em formato HTML no local especificado em relação ao elemento atual |
| insertAdjacentText() | Insere texto no local especificado em relação ao elemento atual |
| insertBefore() | Insere um novo nó de filho antes do nó de filho existente especificado |
| isDefaultNamespace() | Retorna true se o namespaceURI especificado for o valor padrão; caso contrário, retorna false |
| isEqualNode() | Verifica se dois elementos são iguais |
| isSameNode() | Verifica se dois elementos estão no mesmo nó |
| isSupported() | Retorna true se o elemento suportar a função especificada |
| normalize() | Conecta os nós de texto adjacentes, e remove os nós de texto vazios do elemento |
| querySelector() | Retorna o primeiro filho que coincide com o seletor CSS especificado do elemento |
| querySelectorAll() | Retornar todos os elementos filhos que correspondem ao seletor CSS específico do elemento |
| removeAttribute() | Remover o atributo especificado do elemento |
| removeAttributeNode() | Remover o nó de atributo especificado, e retornar o nó removido |
| removeChild() | Remover um nó filho do elemento |
| removeEventListener() | Remover o manipulador de evento adicionado ao método addEventListener() |
| replaceChild() | Substituir os nós filhos do elemento |
| requestFullscreen() | Exibir o elemento em modo de tela cheia |
| scrollIntoView() | Rolar o elemento para a área visível da janela do navegador |
| setAttribute() | Definir ou alterar o valor do atributo especificado |
| setAttributeNode() | Definir ou alterar o nó de atributo especificado |
| toString() | Converter um elemento em uma string |