querySelector
Lección 8 de 13 del curso Métodos del DOM de JavaScript de Coddy.
La función querySelector() selecciona el primer elemento que coincide con un potente selector tipo CSS, proporcionando más flexibilidad que los métodos anteriores para la selección de elementos complejos. Ejemplo:
const button = document.querySelector("#btn");Así es como accedemos al elemento button con el id btn.
Desafío
FácilSe te proporciona un código HTML que contiene un botón.
Usando solo JavaScript,
- Recupera el elemento usando la función
querySelector. - Cambia
backgroundColora red usando la propiedadstyle. - Cambia
colora white usando la propiedadstyle.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>Todas las lecciones de Métodos del DOM de JavaScript
2Métodos del DOM I
getElementByIdModificar el estilo del elementogetElementsByClassNameRecorrer y manipulargetElementsByTagNamequerySelector