JavaScript Selecionando elementos do DOM

 

Para selecionar elementos do DOM em JavaScript, podemos utilizar o método querySelector() ou o método getElementById().

O método querySelector() recebe como parâmetro um seletor CSS e retorna o primeiro elemento do DOM que corresponde a esse seletor. Por exemplo, para selecionar o primeiro elemento <h1> do documento, podemos usar o seguinte código:

javascript
const meuCabecalho = document.querySelector('h1');

Já o método getElementById() recebe como parâmetro uma string que representa o valor do atributo id de um elemento no documento, e retorna o elemento correspondente. Por exemplo, para selecionar o elemento que tem o atributo id igual a "meu-elemento", podemos usar o seguinte código:

javascript
const meuElemento = document.getElementById('meu-elemento');

Além desses métodos, existem outros métodos de seleção de elementos do DOM em JavaScript, como getElementsByClassName(), getElementsByTagName() e querySelectorAll(). Cada um desses métodos tem suas próprias particularidades e são mais adequados para diferentes situações.