Example
Select an element type:
let getParagraph = document.querySelector("p");
console.log(getParagraph);
Try it out for yourself by going to the testing page and running the code in the browser console.
Tip: Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to open the chrome console.
Breakdown
You can select every element type with this method by simply changing the selector.
Let’s look at a different element.
<h1>I'm a title!</h1>
We can select this title element with the document query selector method.
let getHeader1 = document.querySelector("h1");
Between the parentheses, we match the HTML element. We give the variable a name that describes the element we are selecting. The element gets assigned to this variable.
You can consonle.log this variable to verify that you have selected the right element.
console.log(getHeader1);
Syntax
document.querySelector("elementtype");