Eu gostaria de saber se o querySelector e o getElementBy(Id ou Class) são a mesma coisa ou eles ainda possuem diferenças?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Eu gostaria de saber se o querySelector e o getElementBy(Id ou Class) são a mesma coisa ou eles ainda possuem diferenças?
Oi, Thaissa.
O getElementBy tem uma performance melhor (ele é aproximadamente 5 vezes mais rápido), mas o querySelector é mais versátil, já que pode selecionar como o css (usar . na class, # no id, colocar a tag...).
Espero ter ajudado. :)
Bom dia Thaissa,
a finalidade de ambos é a mesma, buscar um elemento no HTML, porém existem algumas diferenças:
getElementById procura elementos varrendo apenas os "id" em um HTML, enquanto o querySelector precisa varrer todo o documento para encontrar o elemento desejado, sendo assim, é compreensível que getElementById ou getElementByClass irá executar muito mais rápido;querySelector possui uma flexibilidade muito maior que os métodos getElementById e getElementByClass, ao contrário desses, com querySelector podemos buscar por tags, id, classes ou qualquer outro seletor CSS, como um data-attribute ou um pseudo-elemento; egetElementById("elemento") ao invés de querySelector("#elemento"), mas seria apenas uma boa prática, a diferença de performance comentada no item 1, não será perceptível para o usuário.Por fim, vale destacar que ambos os métodos buscam o primeiro elemento do seu documento HTML, caso você queira que retorne todos os elementos com aquele id ou class, precisará utilizar querySelectorAll.