Existem algumas formas para selecionar elementos do DOM em Javascript, neste tutorial vamos aprender como selecionar um elemento por id e por classe.
O Javascript possui funções pré-definidas capaz de manipular a estrutura do HTML. Destaca-se então as duas principais formas mais usadas no dia-a-dia.
Como selecionar um elemento por id em Javascript
Para obter o elemento pelo id primeiro precisamos indicar o objeto document e chamar o método getElementById passando como parâmetro o nome do id:
var elemento = document.getElementById("nome-do-id");Como selecionar um elemento pela classe em Javascript
Para obter o elemento pela classe indicamos o objeto document e chamamos o método getElementsByClassName passando como parâmetro o nome da classe, lembrando que para itens do tipo classe podemos obter mais de um elemento em nosso DOM:
var elemento = document.getElementsByClassName("nome-da-classe");Considerações Finais
Como vimos, os dois principais métodos para selecionar elementos do DOM é pelo id que é único, e a classe que podemos ter mais de um, dentro de um documento (document).