Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

querySelector - Diferença entre ID e Class

Qual a diferença em realizar um querySelector por Id e Class?

Exemplo:

var botaoAdd = document.querySelector("#adiconar-paciente");

var botaoAdd = document.querySelector(".botao bto-principal");

ps.: estou assistindo via mobile, então não consegui fazer o teste.

3 respostas
solução!

Oi Diego tudo bem?

Por padrão uma página web só tem um elemento com mesmo ID então ao pegar o ID você terá certeza que está pegando aquele elemento específico.

Agora ao pegar pela classe geralmente vem muita coisa, porque as classes são muito usadas para formatação de estilos. Então mesmo que hoje tenha por exemplo só um botão com essa classe, a chance da classe se repetir para aproveitar a formatação é bem grande e pode ser que dê problema na sua lógica.

Então, resumindo no dia a dia pegue um elemento por id se quer executar algo específico nele como um clique de um botão. Agora se quer fazer um estilo como pintar todo mundo de vermelho ao clicar ou esconder todo mundo aí pegue a classe.

Espero ter ajudado!!!

Oi André, ficou bem claro pra mim.

Muito obrigado pela resposta!

Disponha e bons estudos!!!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software