Métodos e propriedades HTML DOM
O JavaScript também pode acessar o modelo de objeto de documentos HTML (DOM) semelhante a outras linguagens de programação. Todos os elementos HTML são definidos como “objetos”No DOM, onde cada objeto tem algum conjunto de métodos e propriedades. A propriedade HTML DOM é um valor que pode ser recuperado ou alterado, e o método HTML DOM é uma ação que você pode executar para elementos HTML, por exemplo, excluindo elementos HTML.
Este artigo discutirá métodos e propriedades html dom. Além disso, também forneceremos listas separadas dos métodos e propriedades HTML DOM mais úteis em JavaScript. Então vamos começar!
Métodos HTML DOM
O "ações”Você executa em elementos HTML são chamados de métodos html dom. Você pode usar os métodos HTML DOM como iniciante em JavaScript para gerar os resultados necessários sem fazer muito esforço e escrever um monte de código. Os métodos HTML DOM podem ajudá -lo a simplificar a tarefa.
Na tabela abaixo, compilamos alguns dos métodos HTML DOM que podem ser utilizados em todos os elementos HTML:
| Métodos HTML DOM | Descrição |
| addEventListener () | O "addEventListener ()”O método HTML DOM é utilizado para anexar um manipulador de eventos a um elemento específico. |
| ApndendChild () | O "ApndendChild ()”O método é usado para adicionar um novo nó filho para um elemento. |
| borrão() | O "borrão()”O método é usado para eliminar o foco de um elemento HTML. |
| clique() | O "clique()”O método coloca um clique do mouse em um elemento html. |
| CLONENODE () | O "CLONENODE ()”O método é utilizado para clonar um elemento. |
| mais próximo () | O "mais próximo ()”O método HTML DOM é utilizado para pesquisar na árvore Dom o elemento mais próximo, que corresponde a um seletor CSS especificado. |
| ComparoCumentPosition () | O "ComparoCumentPosition ()”O método HTML DOM é utilizado para comparar a posição do documento de dois HTMLELEMENTS. |
| ExitfullScreen () | O "Existeffullscreen ()”Propriedade cancela um elemento em um modo de tela cheia. |
| foco() | O "foco()”Método HTML DOM para atribuir foco a um elemento HTML. |
| getAttribute () | O "getAttribute ()”O método html dom exibe o valor de atributo de um elemento. |
| getAttributenode () | O "getAttributenode ()”O método html dom exibe o nó de atributo especificado. |
| getBoundingClientRect () | O "getBoundingClientRect ()”O método HTML DOM gera a posição e o tamanho de um elemento relacionado à viewport. |
| getElementsbyclassName () | O "getElementByclassName ()”O método HTML DOM exibe a lista de elementos filhos de uma classe específica. |
| getElementsByTagName () | O "getElementsByTagName ()”O método HTML DOM exibe a lista de elementos filhos de uma tag específica. |
| hasattribute () | O "hasattribute ()”O método HTML DOM sai true se um elemento tiver o atributo adicionado; caso contrário, esse método retorna false. |
| Haschildnodes () | O "Haschildnodes ()”O método HTML DOM produz verdadeiro se um determinado elemento tiver algum nós filho, caso contrário, esse método retorna false. |
| insertadjacentElement () | O "insertadjacentElement ()”O método HTML DOM é utilizado para inserir um elemento HTML em uma posição específica relacionada ao elemento ativo. |
| insertadjacenthtml () | O "insertadjacenthtml ()”O método HTML DOM é utilizado para inserir um texto formatado HTML em uma posição específica relacionada ao elemento ativo. |
| insertadjacenttext () | O "insertadjacenttext ()”O método HTML DOM é utilizado para inserir texto em uma posição específica relacionada ao elemento ativo. |
| insertBefore () | O "insertBefore ()”O método HTML é usado para inserir um novo nó infantil antes de um nó infantil existente. |
| isDefaultNamespace () | O "isDefaultNamespace ()”O método HTML DOM sai verdadeiro se um determinado namespaceuri for definido como padrão, caso contrário, esse método sai False. |
| isequalNode () | O "isequalNode ()”O método é usado para verificar se dois elementos html são iguais ou não. |
| Issamenode () | O "Issamenode ()”O método html dom é utilizado para verificar se dois elementos html são o mesmo nó ou não. |
| é suportado() | O "é suportado()”O método HTML DOM sai true se um determinado recurso for suportado para o elemento HTML. |
| partidas() | O "partidas()”O método gera um valor booleano indicando se um seletor CSS específico corresponde a um elemento ou não. |
| normalizar() | O "normalizar()”O método HTML DOM é utilizado para unir nós de texto adjacente e para eliminar nós de texto vazios de um elemento HTML. |
| QuerySelector () | O "QuerySelector ()”O método HTML DOM é utilizado para produzir o primeiro elemento filho que combina com um seletor CSS específico de um elemento HTML. |
| QuerySelectorAll () | O "QuerySelectorAll ()”O método retorna todos os elementos filhos que correspondem a um seletor CSS especificado de um elemento. |
| remover() | O "remover()”O método HTML DOM é utilizado para remover um elemento HTML específico da DOM. |
| removeattribute () | O "removeattribute ()”O método HTML DOM é utilizado para remover um atributo específico de um elemento HTML. |
| removeattributenode () | O "removeattributenode ()”O método html dom elimina o nó de atributo adicionado e mostra como saída. |
| removechild () | O "removechild ()”O método HTML DOM é utilizado para remover um nó infantil em particular de um elemento HTML. |
| RemoneeventListener () | O "RemoneeventListener ()”O método HTML DOM é utilizado para remover um manipulador de eventos em anexo. |
| Replacechild () | O "Replacechild ()”O método HTML DOM é usado para substituir um nó filho de um elemento HTML. |
| solicitaçãofullcreen () | O "solicitaçãofullcreen () ”O método HTML DOM é utilizado para mostrar o elemento HTML no modo de tela cheia. |
| scrollIntoView () | O "scrollIntoView ()”O método HTML DOM é utilizado para rolar um elemento HTML específico para a área visível do navegador. |
| setAttribute () | O "setAttribute ()”O método HTML DOM é utilizado para definir os atributos para o valor agregado. |
| setAttributenode () | O "setAttributenode ()”O método HTML DOM é utilizado para alterar ou exibir o nó de atributo especificado. |
| para sequenciar() | O "para sequenciar()”O método HTML DOM é utilizado para converter um elemento em uma string. |
Propriedades HTML DOM
Os valores que você pode definir ou alterar os elementos HTML são chamados de propriedades html dom. As propriedades HTML são definidas por DOM, que podem ser facilmente modificadas usando as propriedades HTML DOM predefinidas.
Agora, confira a tabela abaixo do ritmo; Compilamos algumas das propriedades HTML DOM que podem ser utilizadas em todos os elementos HTML:
| Propriedades HTML DOM | Descrição |
| chave de acesso | O "chave de acesso”Define ou retorna a propriedade AccessKey HTML DOM. |
| atributos | O "atributos”HTML DOM Property emite um nome de nome do atributo de um elemento HTML. |
| ActiveElement | O "ActiveElement”Propriedade recebe o elemento que está ativo atualmente. |
| ChildElementCount | O "ChildElementCount”A propriedade HTML DOM é utilizada para exibir o número total de elementos filho de um elemento HTML. |
| Childnodes | O "Childnodes”HTML DOM Propriedade produz os nós filhos de um elemento HTML. |
| Lista de classe | O "Lista de classe”HTML DOM Propriedade retorna o nome da classe de um elemento. |
| nome da classe | O "nome da classe”A propriedade HTML DOM é utilizada para alterar ou exibir o valor do nome da classe HTML. |
| ClientHeight | O "ClientHeight”A propriedade HTML DOM produz a altura do elemento HTML. |
| cliente | O "cliente”A propriedade HTML DOM é utilizada para exibir a largura da borda esquerda de um elemento HTML. |
| Clienttop | O "Clienttop”A propriedade HTML DOM é utilizada para exibir a largura da borda superior de um elemento HTML. |
| ClientWidth | O "ClientWidth”A propriedade retorna ou produz a largura de um elemento, que inclui preenchimento. |
| contentável | O "contentável”A propriedade html dom define ou retorna se o conteúdo de um elemento é editável ou não. |
| dir | O "dir”A propriedade HTML DOM é utilizada para alterar ou exibir o valor DIR de um elemento. |
| primeiro filho | O "primeiro filho”A propriedade HTML DOM é utilizada para exibir o primeiro nó filho de um elemento HTML. |
| FirstElementChild | O "FirstElementChild”A propriedade HTML DOM é utilizada para exibir o primeiro elemento infantil de um elemento HTML. |
| eu ia | O "eu ia”A propriedade HTML DOM é utilizada para alterar e exibir o valor do atributo de ID de um elemento. |
| Innerhtml | O "Innerhtml”A propriedade HTML DOM é utilizada para alterar e exibir o conteúdo do elemento. |
| InnerText | O "InnerText”A propriedade HTML DOM é utilizada para alterar e exibir o conteúdo de texto do nó e seus descendentes. |
| isconteentável | O "isconteentável”A propriedade HTML DOM é utilizada para verificar se o conteúdo de um elemento for editável ou não. |
| Lang | O "Lang”A propriedade HTML DOM é utilizada para definir o valor do atributo Lang de um elemento HTML. |
| LastChild | O "LastChild”Propriedade retorna o Último Nó da Criança de um elementos. |
| LastElementChild | O "LastElementChild”A propriedade HTML DOM é utilizada para exibir o último elemento infantil de um elemento. |
| namespaceuri | O "namespaceurl”A propriedade HTML DOM é utilizada para produzir o namespace URI de um elemento HTML. |
| próximo | O "próximo”A propriedade HTML DOM é utilizada para exibir o próximo nó em um nível de árvore. |
| NextElementsibling | O "NextElementsibling”A propriedade HTML DOM é utilizada para exibir o próximo elemento HTML em um nível de árvore. |
| Nodename | O "Nodename”HTML DOM Propriedade produz o nome do nó. |
| NodeType | O "NodeType”A propriedade HTML DOM é utilizada para exibir o tipo de nó. |
| NodEvalue | O "NodEvalue”A propriedade HTML DOM é utilizada para exibir ou alterar o valor do nó. |
| Propriedade Document | O "Propriedade Document”Propriedade define ou retorna o elemento raiz ou o objeto de documento para um elemento. |
| parentnode | O "parentnode”A propriedade HTML DOM é utilizada para exibir o nó pai de um elemento. |
| ParentElement | O "ParentElement”A propriedade HTML DOM é utilizada para exibir o elemento pai do elemento HTML. |
| anteriorsbling | O "anteriorsbling”A propriedade HTML DOM é utilizada para exibir o irmão anterior do elemento HTML. |
| anteriores dolementsibling | O "anteriores dolementsibling”A propriedade HTML DOM é utilizada para exibir o irmão do elemento HTML anterior. |
| ScrolHeight | O "ScrolHeight”A propriedade HTML DOM é utilizada para exibir a altura de um elemento HTML. |
| estilo | O "estilo”A propriedade HTML DOM é utilizada para alterar ou exibir o valor do atributo de um elemento HTML. |
| Tabindex | O "Tabindex”A propriedade HTML DOM é utilizada para alterar ou exibir o valor do índice de guia do atributo de um elemento HTML. |
| tagname | O "tagname”A propriedade HTML DOM é utilizada para exibir o nome da tag de um elemento. |
| TextContent | O "TextContent”A propriedade HTML DOM é utilizada para alterar ou exibir o conteúdo textual de um nó. |
| título | O "título”É utilizado para alterar ou exibir o valor do atributo do título do elemento HTML. |
| scripts | O "scripts”A propriedade é usada para obter todos os elementos de script. |
| StricterrorChecking | O "StricterrorChecking”A propriedade é utilizada para definir a verificação de erros para o modo rigoroso. |
| Url | O "Url”A propriedade HTML DOM é utilizada para obter o URL completo de um documento HTML. |
Conclusão
Um elemento HTML definido como um objeto tem algumas propriedades e métodos DOM. Os métodos HTML DOM especificam a ação que você deseja executar no elemento HTML, enquanto as propriedades HTML DOM são os valores que você deseja obter ou definir para um objeto específico ou elemento html. Este artigo discutiu métodos e propriedades html dom. Além disso, também fornecemos listas separadas dos métodos e propriedades HTML DOM mais úteis em JavaScript.