JavaScript - Métodos HTML DOM
Os métodos HTML DOM são ações que você pode executar (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 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 sã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 fazer (como adicionar ou excluir um elemento HTML).
Exemplo
O exemplo a seguir altera o conteúdo (o innerHTML
) do <p>
elemento com id="demo"
:
Exemplo
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
No exemplo acima, getElementById
é um método , enquanto innerHTML
é uma
propriedade .
O método getElementById
A maneira mais comum de acessar um elemento HTML é usar o id
do elemento.
No exemplo acima o getElementById
método usado id="demo"
para encontrar o elemento.
A propriedade innerHTML
A maneira mais fácil de obter o conteúdo de um elemento é usando a innerHTML
propriedade.
A innerHTML
propriedade é útil para obter ou substituir o conteúdo de elementos HTML.
A innerHTML
propriedade pode ser usada para obter ou alterar qualquer elemento HTML, incluindo <html>
e <body>
.