Entrar Ainda não tem acesso?
1
resposta

Duvida sobre o document

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Eventos, Formulários e Criando Elementos e atividade Mãos na Massa: Adicionando um paciente na tabela

por Jose Antonio Ramos Dionizio
| 91.7k xp | 1 posts

Qual a diferença entre usa document.querySelector('#id') e o document.getElementById('id') ?

1 resposta
por Vandré Toledo
| 177.7k xp | 52 posts
Desenvolvedor Front-End

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!