← CodePrimer
JavaScript
Beginner
Dom
document.querySelector
How do I select with a CSS selector?
First match via querySelector.
const heading = document.querySelector('h1');
const card = document.querySelector('.card');
const email = document.querySelector('input[type="email"]');Notes
Returns the first match only (or null).
Keywords: querySelector · css selector · dom
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
Live input event
How do I react as the user types?
JavaScript
change event on select
How do I detect dropdown changes?