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 |