JavaScript - DOM Acessando o elemento pela Identidade (ID)

Acessando o elemento pela Identidade (ID)

Olá amigos estamos de volta para falar de DOM (Document Object Model), o DOM ele não roda no Node.Js, somente no Browser.

Portanto nos exemplos desse post iremos usar JavaScript e exibí-los no html, ou seja, no Browser. Conto que você saiba o básico de html para poder rodar os exemplos no seu dispositivo.

No post anterior, nós aprendemos a acessar o elemento pelo nome da tag, agora iremos ao próximo item da lista, acessar pelo id do elemento.

window.document.getElementById('valor do id do elemento')

O código acima é uma função JavaScript que pegará o elemento desejado pela sua identificação, ou seja pelo seu ID. Exemplo abaixo:

<p Id='texto'>Paragrafo00:</p>

Acima temos um elemento paragrafo com o Id 'texto', o comando abaixo mostra como acessar esse paragrafo pela sua identidade:

window.document.getElementById('texto')---> O valor entre parênteses é a identificação do elemento, seu ID. Nesse comando, o código dará acesso aos atributos do elemento 'p', você pode alterar o texto, cores e muito mais.

Abaixo temos uma imagem que ilustra o que foi escrito acima:

Espero que tenham gostado do post, essa é a terceira parte.

Sigam, compartilhem e comentem. Abraços!!