tutoriais mais recente desenvolvimento web
 

O objeto HTML DOM Elemento


HTML DOM Nodes

No HTML DOM (Document Object Model) , tudo é um nó:

  • O documento em si é um nó de documento
  • Todos os elementos HTML são nós de elemento
  • Todos os atributos HTML são nós de atributo
  • O texto dentro elementos HTML são nós de texto
  • Os comentários são nós de comentário

O objeto Element

No DOM HTML, o objeto elemento representa um elemento HTML.

Objetos elemento pode ter nós filhos de nós tipo de elemento, nós de texto, ou nós de comentário.

Um objeto NodeList representa uma lista de nós, como a coleção de um elemento HTML de nós filho.

Elementos também podem ter atributos. Os atributos são nós de atributo (See next chapter) .


Suporte navegador

Objeto
Element sim sim sim sim sim
NodeList sim sim sim sim sim

O elemento de objeto e do objeto NodeList são suportados em todos os principais navegadores.


Propriedades e métodos

As seguintes propriedades e métodos podem ser usados ​​em todos os elementos HTML:

Propriedade / Método Descrição
element .accessKey Define ou retorna o accesskey atributo de um elemento
element . addEventListener() Anexa um manipulador de eventos para o elemento especificado
element . appendChild() Adiciona um novo nó filho, a um elemento, como o último nó filho
element .attributes Retorna uma NamedNodeMap de atributos de um elemento
element . blur() Remove o foco de um elemento
element .childElementCount Retorna o número de elementos filhos de um elemento tem
element .childNodes Retorna uma coleção de nós filhos de um elemento (incluindo os nós de texto e comentário)
element .children Retorna uma coleção de elemento filho de um elemento (excluindo nós de texto e comentário)
element .classList Retorna a classe name(s) de um elemento
element .className Define ou retorna o valor da class atributo de um elemento
element . click() Simula um clique do mouse em um elemento
element .clientHeight Retorna a altura de um elemento, incluindo estofamento
element .clientLeft Retorna a largura da borda esquerda de um elemento
element .clientTop Retorna a largura da borda superior de um elemento
element .clientWidth Retorna a largura de um elemento, incluindo estofamento
element . cloneNode() Clones um elemento
element . compareDocumentPosition() Compara a posição documento de dois elementos
element . contains() Retorna true se um nó é um descendente de um nó, caso contrário false
element .contentEditable Define ou retorna se o conteúdo de um elemento é editável ou não
element .dir Define ou retorna o valor do dir atributo de um elemento
element .firstChild Retorna o primeiro nó filho de um elemento
element .firstElementChild Retorna o primeiro elemento filho de um elemento
element . focus() Dá foco a um elemento
element . getAttribute() Retorna o specified valor do atributo de um nó de elemento
element . getAttributeNode() Retorna o specified nó de atributo
element . getElementsByClassName() Retorna uma coleção de todos os elementos filho com o nome da classe especificada
element . getElementsByTagName() Retorna uma coleção de todos os elementos filho com o nome da marca especificada
element . getFeature() Retorna um objeto que implementa as APIs de um recurso especificado
element . hasAttribute() Retorna true se um elemento tem o specified atributo, caso contrário false
element . hasAttributes() Retorna true se um elemento tem atributos, caso contrário false
element . hasChildNodes() Retorna true se um elemento tem quaisquer nós filho, caso contrário false
element .id Define ou retorna o valor do id atributo de um elemento
element .innerHTML Define ou retorna o conteúdo de um elemento
element . insertBefore() Insere um novo nó filho antes de um nó especificado, existente, criança
element .isContentEditable Retorna true se o conteúdo de um elemento é editável, caso contrário false
element . isDefaultNamespace() Retorna true se um namespaceURI especificado é o padrão, caso contrário false
element . isEqualNode() Verifica se dois elementos são iguais
element . isSameNode() Verifica se dois elementos são o mesmo nó
element . isSupported() Retorna true se um recurso especificado é suportado no elemento
element .lang Define ou retorna o valor do lang atributo de um elemento
element .lastChild Retorna o último nó filho de um elemento
element .lastElementChild Retorna o último elemento filho de um elemento
element .namespaceURI Retorna o namespace URI de um elemento
element .nextSibling Retorna o próximo nó no mesmo nível de árvore de nós
element .nextElementSibling Retorna o próximo elemento no mesmo nível de árvore de nós
element .nodeName Retorna o nome de um nó
element .nodeType Retorna o tipo de nó de um nó
element .NodeValue Define ou retorna o valor de um nó
element . normalize() Junta-se os nós de texto adjacentes e remove nós de texto vazios num elemento
element .offsetHeight Retorna a altura de um elemento, incluindo espaçamento, borda e barra de rolagem
element .offsetWidth Retorna a largura de um elemento, incluindo espaçamento, borda e barra de rolagem
element .offsetLeft Retorna a posição horizontal deslocamento de um elemento
element .offsetParent Retorna o recipiente deslocamento de um elemento
element .offsetTop Retorna a posição de deslocamento vertical de um elemento
element .ownerDocument Retorna o elemento de raiz (document object) para um elemento
element .parentNode Retorna o nó pai de um elemento
element .parentElement Retorna o nó elemento pai de um elemento
element .previousSibling Retorna o nó anterior no mesmo nível de árvore de nós
element .previousElementSibling Retorna o elemento anterior no mesmo nível de árvore de nós
element . querySelector() Retorna o primeiro elemento filho que corresponde a um CSS especificado selector(s) de um elemento
elemento. querySelectorAll() Retorna todos os elementos filho que corresponde a um CSS especificado selector(s) de um elemento
element . removeAttribute() Remove um atributo específico a partir de um elemento
element . removeAttributeNode() Remove um nó de atributo especificados, e retorna o nó removido
element . removeChild() Remove um nó filho de um elemento
element . replaceChild() Substitui um nó filho em um elemento
element . removeEventListener() Remove um processador de eventos que tem sido ligado com a addEventListener() Método
element .scrollHeight Retorna toda a altura de um elemento, incluindo estofamento
element .scrollLeft Define ou retorna o número de pixels conteúdo de um elemento é rolada horizontalmente
element .scrollTop Define ou retorna o número de pixels conteúdo de um elemento é deslocado verticalmente
element .scrollWidth Retorna toda a largura de um elemento, incluindo estofamento
element . setAttribute() Define ou altera o specified atributo, para o valor especificado
element . setAttributeNode() Define ou altera o specified nó de atributo
element .Style Define ou retorna o valor do style atributo de um elemento
element .tabIndex Define ou retorna o valor da tabindex atributo de um elemento
element .tagName Retorna o nome da marca de um elemento
element .textContent Define ou retorna o conteúdo textual de um nó e seus descendentes
element .title Define ou retorna o valor do title atributo de um elemento
element . toString() Converte um elemento para uma string
nodelist. item() Retorna o nó no índice especificado em uma NodeList
.length nodelist Retorna o número de nós em um NodeList