JavaScript - Módulo de Objetos do Navegador HTML

Os métodos do DOM HTML são os que você pode executar (nos elementos HTML)Ação.

As propriedades do DOM HTML são as que você pode configurar ou alterar nos elementos HTMLValor.

Interface de programação DOM

O DOM HTML pode ser acessado através de JavaScript (também pode ser acessado por outros linguagens de programação).

Em DOM, todos os elementos HTML são definidos comoobjeto.

A interface de programação é as propriedades e métodos de cada objeto.

propriedadeSão os valores que você pode obter ou definir (por exemplo, alterar o conteúdo de um elemento HTML).

métodoSão as ações que você pode realizar (por exemplo, adicionar ou remover elementos HTML).

Exemplo

No exemplo a seguir, o conteúdo do elemento <p> com id="demo" é alterado:

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Experimente você mesmo

No exemplo acima,getElementById émétodoe innerHTML épropriedade.

método getElementById

O método mais comum para acessar um elemento HTML é usar o id do elemento.

No exemplo acima,getElementById O método usa id="demo" para encontrar o elemento.

propriedade innerHTML

A maneira mais simples de obter o conteúdo de um elemento é usar innerHTML propriedade.

innerHTML A propriedade pode ser usada para obter ou substituir o conteúdo de qualquer elemento HTML.

innerHTML A propriedade pode ser usada para obter ou alterar qualquer elemento HTML, incluindo <html> e <body>.