Qual a diferença entre usa document.querySelector('#id') e o document.getElementById('id') ?
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!
Qual a diferença entre usa document.querySelector('#id') e o document.getElementById('id') ?
Olá José Antonio, tudo bem?
Ambos tem a mesma finalidade, mas com um diferencial entre eles.
No caso do querySelector ele serve para referenciar tanto uma classe, um ID, ou algum outro elemento <p>, <h1>, etc.... É conhecido também como CSS Selector.
É necessário indicar a classe por meio de " . " e o ID por meio de " # ".
Exemplos:
document.querySelector('.exemplo-classe');
document.querySelector('#exemplo-id');
document.querySelector('p');
document.querySelector('h1');Já o getElementById referencia apenas o ID. Não é necessário usar o " # ".
Exemplo:
document.getElementById("exemplo-id");Bons estudos!