HTML DOM elemento de objeto
nó HTML DOM
HTML DOM (Document Object Model) em cada nó coisas são:
- O documento em si é um objeto de documento
- Todos os elementos HTML são um nó de elemento
- Todos os atributos HTML são nós de atributo
- elementos HTML são inseridos no texto do nó de texto
- Os comentários são nós de comentário
elemento de objeto
No DOM HTML, o objeto elemento representa um elemento HTML.
Crianças dos objetos de elemento pode ser, pode ser um nó de elemento, nós de texto, nós de comentário.
objeto NodeList representa uma lista de nós, semelhante à do elemento HTML nós filho coleção.
Os elementos podem ter atributos. Bens pertencentes ao nó de atributo (consulte a próxima seção).
Suporte a navegadores
Todos os principais navegadores suportam elemento de objeto e do objeto NodeList. .
Propriedades e métodos
As propriedades acima e métodos que se aplicam a todos os elementos HTML:
| Propriedade / Método | descrição |
|---|---|
| elemento .accessKey | Define ou retorna um elemento accesskey |
| .addEventListener elemento () | Adicionar um manipulador de eventos a um elemento especificado |
| .appendChild elemento () | Adicionando um novo elemento para o elemento filho |
| .attributes elemento | Ele retorna um conjunto de atributos de um elemento |
| .childNodes elemento | Retorna uma matriz de elementos em um nó filho |
| elemento .classlist | Retorna o nome da classe do elemento, como DOMTokenList objeto. |
| elemento .className | Define ou retorna o atributo de classe do elemento |
| elemento .clientHeight | Retorna o conteúdo da página altura visível (não incluindo bordas, margens, ou barras de rolagem) |
| elemento .clientWidth | Retorna o conteúdo da página visível na largura (não incluindo bordas, margens, ou barras de rolagem) |
| .cloneNode elemento () | A clonagem de um elemento |
| .compareDocumentPosition elemento () | Documento de localidade para comparar dois elementos. |
| elemento .contentEditable | Define ou retorna se o conteúdo do elemento editável |
| elemento .dir | Define ou retorna um elemento no sentido do texto |
| elemento .firstChild | Retorna o primeiro filho do elemento |
| elemento .focus () | Definir o foco documento ou ganho de elemento |
| .getAttribute elemento () | Retorna valores de atributo do elemento especificado |
| .getAttributeNode elemento () | Retorna o nó de atributo especificado |
| .getElementsByTagName elemento () | Retorna o nome do tag de uma coleção de todos os elementos filho. |
| elemento. getElementsByClassName () | Retorna todos os elementos no documento especifique o nome de classe da coleção, como NodeList objeto. |
| .getFeature elemento () | Retorna as características especificadas do objeto para executar APIs. |
| .getUserData elemento () | Retornar um objeto associado com o elemento-chave. |
| .hasAttribute elemento () | Se a propriedade especificada existe elemento retorna verdadeiro, caso contrário, retorna false. |
| .hasAttributes element () | Se houver qualquer propriedade do elemento retorna verdadeiro, caso contrário, retorna false. |
| .hasChildNodes element () | Retorna se um elemento tiver qualquer elemento crianças |
| .hasfocus elemento () | Retorna um valor booleano, detectar se o foco documento ou elemento de ganho |
| elemento .id | Define ou retorna o ID do elemento. |
| elemento .innerHTML | Define ou retorna o conteúdo do elemento. |
| .insertBefore elemento () | Insira um novo elemento filho antes do elemento filho existente |
| elemento .isContentEditable | Se o conteúdo do elemento retornos editáveis verdadeiro, falso caso contrário |
| .isDefaultNamespace elemento () | Se o namespaceURI retorna verdadeiro, caso contrário, retorna false. |
| .isEqualNode elemento () | Verifique os dois elementos são iguais |
| .isSameNode elemento () | Verifique os dois elementos têm todos o mesmo nó. |
| .isSupported elemento () | Se recursos suportados especificado no elemento retorna verdadeiro. |
| elemento .lang | Define ou retorna a linguagem de um elemento. |
| elemento .lastChild | último elemento filho voltou |
| elemento .namespaceURI | Retorna o namespace URI. |
| elemento .nextSibling | Seguido por um retorno desse elemento |
| elemento .nodeName | Retorna o nome da marca do elemento (maiúsculas) |
| elemento .nodeType | Retorna o tipo de nó de elemento |
| elemento .NodeValue | Retorna o valor do nó de elemento |
| .normalize elemento () | Portanto, esta tornou-se uma forma "normal", onde apenas a estrutura (por exemplo, elementos, comentários, instruções de processamento, seções CDATA e referências de entidade) Nós de texto espaçadas, ou seja, os elementos (incluindo a propriedade) todos os nós de texto abaixo, não são nem adjacente nós de texto nem nós de texto vazios |
| elemento .offsetHeight | Devolver um elemento de qualquer altura, incluindo a borda e enchimento, mas não a margem |
| elemento .offsetWidth | Retorna a largura do elemento, incluindo fronteiras e estofamento, mas não margens |
| elemento .offsetLeft | Retorna o elemento atual de um horizontal relativa deslocada posição recipiente |
| elemento .offsetParent | Retorna o elemento de recipiente compensado |
| elemento .offsetTop | Retorna o elemento atual em relação desvio vertical de recipiente compensado |
| elemento .ownerDocument | Retorna o elemento do elemento de raiz (objeto de documento) |
| elemento .parentNode | Retorna o nó pai de um elemento |
| elemento .previousSibling | Retorna um elemento elemento imediatamente anterior |
| .querySelector elemento () | Retorno coincidir com o elemento seletor CSS especificado é o primeiro elemento filho |
| document.querySelectorAll () | Retorna o seletor CSS especificado corresponda à lista de nó de elemento de todos os sub-elementos |
| .removeAttribute elemento () | Remove o atributo especificado do elemento |
| .removeAttributeNode elemento () | Remove o nó de atributo especificado e retorna a remoção nó depois. |
| .removeChild elemento () | Para eliminar um sub-elemento |
| .removeEventListener elemento () | Retire o manípulo pelo método addEventListener () para adicionar um evento |
| .replaceChild elemento () | Substituir um elemento filho |
| elemento .scrollHeight | Retorna a altura de todo o elemento (incluindo com lugar escondido da barra de rolagem) |
| elemento .scrollLeft | Retorna da visão atual dos elementos reais da margem esquerda ea margem esquerda |
| elemento .scrollTop | Voltar a partir da borda superior e uma vista de topo dos elementos reais da borda entre o actual |
| elemento .scrollWidth | Retorna toda a largura do elemento (incluindo com lugar escondido da barra de rolagem) |
| .setAttribute elemento () | Definir ou alterar as propriedades especificadas e o valor especificado. |
| .setAttributeNode elemento () | Definir ou alterar o nó de atributo especificado. |
| .setIdAttribute elemento () | |
| .setIdAttributeNode elemento () | |
| .setUserData elemento () | No elemento associado com o objeto de chave especificada. |
| elemento .Style | Define ou retorna o atributo de estilo do elemento |
| elemento .tabIndex | Define ou retorna a ordem de tabulação dos elementos. |
| elemento .tagName | Como um nome de tag de um elemento (maiúsculas) |
| elemento .textContent | Define ou retorna um nó e seu conteúdo de texto |
| .title elemento | Define ou retorna o atributo title do elemento |
| elemento .toString () | Um elemento em uma string |
| .item nodelist () | Retorna o índice de um elemento na árvore do documento base |
| .length nodelist | Retorna o número de nós na lista de nós. |