Métodos HTML DOM são ações que podem ser executadas (em Elementos HTML).
Propriedades HTML DOM são valores (de elementos HTML) que você pode definir ou alterar.
A interface de programação DOM
O DOM HTML pode ser acessado com JavaScript (e com outras linguagens de programação).
No DOM, todos os elementos HTML são definidos como objetos.
A interface de programação são as propriedades e métodos de cada objeto.
Apropriedade é um valor que você pode obter ou conjunto (como alterar o conteúdo de um elemento HTML).
Ummétodo é uma ação que você pode fazer (como adicionar ou excluir um elemento HTML).
Exemplo
O exemplo a seguir altera o conteúdo (o innerHTML ) do <p> elemento com id = "demonstração":
Exemplo
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html> Tente você mesmo " No exemplo acima, getElementById é um método, enquanto innerHTML é uma propriedade.
O getElementById Método
A forma mais comum de acessar um elemento HTML é usar o id do elemento.
No exemplo acima, o getElementById método utilizado id="demo" para encontrar o elemento.
O innerHTML Property
A maneira mais fácil de obter o conteúdo de um elemento é usando o innerHTML propriedade.
O innerHTML propriedade é útil para obter ou substituir o conteúdo de elementos HTML.
O innerHTML propriedade pode ser usada para obter ou alterar qualquer elemento HTML, incluindo <html> e <body> .