Selecting Elements

getElementById, querySelector, and more

Lesson 52
+25 XP
Step 1 of 5

Selecting Elements by ID

The getElementById() method finds an element by its unique ID attribute. It's one of the most common ways to select elements! 

// HTML:
<h1 id="title">Welcome!</h1>

// JavaScript:
let titleElement = document.getElementById("title");
console.log(titleElement); // <h1 id="title">Welcome!</h1>

Important: IDs must be unique on a page. Each element can have only one ID, and each ID can only be used once!

Try It:

I'm an element with an ID!