Os métodos HTML DOM são ações que você pode executar (em HTML Elementos).
Propriedades HTML DOM são valores (de elementos HTML) que você pode definir ou alterar.
O HTML DOM 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 é as propriedades e métodos de cada objeto.
Uma propriedade é um valor que você pode obter ou definir (como alterar o conteúdo de um elemento HTML).
Um método é uma ação que você pode executar (como adicionar ou excluir um elemento HTML).
O exemplo a seguir altera o conteúdo (o innerHTML) do elemento <p> com id="demo":
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>Experimente você mesmo →
<!DOCTYPE html>
<html>
<body>
<h2>My First Page</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
No exemplo acima, getElementById é um método, enquanto innerHTML é um propriedade.
A maneira mais comum de acessar um elemento HTML é usar o id do elemento.
No exemplo acima, o método getElementById usou id="demo" para encontrar o elemento.
A maneira mais fácil de obter o conteúdo de um elemento é usando a propriedade innerHTML.
A propriedade innerHTML é útil para obter ou substituir o conteúdo de elementos HTML.
A propriedade innerHTML pode ser usada para obter ou alterar qualquer elemento HTML, incluindo <html> e <body>.