querySelector
Lição 8 de 13 do curso Métodos DOM do JavaScript da Coddy.
A função querySelector() seleciona o primeiro elemento que corresponde a um seletor estilo CSS poderoso, proporcionando mais flexibilidade do que os métodos anteriores para seleção de elementos complexos. Exemplo:
const button = document.querySelector("#btn");É assim que acessamos o elemento button com o id btn.
Desafio
FácilVocê recebeu um código HTML que contém um botão.
Usando apenas JavaScript,
- Recupere o elemento usando a função
querySelector. - Altere o
backgroundColorpara red usando a propriedadestyle. - Altere a
colorpara white usando a propriedadestyle.
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>Todas as lições de Métodos DOM do JavaScript
2Métodos do DOM I
getElementByIdModificar Estilo do ElementogetElementsByClassNamePercorrer e ManipulargetElementsByTagNamequerySelector