JavaScript: DOM Manipulation
Before any framework, there's the DOM — the browser's live representation of your HTML. This quiz tests the core methods every JavaScript developer uses to select, read, and change what's on the page.
Questions cover selecting elements with getElementById and querySelector, changing content with textContent and innerHTML, creating and removing elements, and handling events with addEventListener.
Whether you use React daily or write vanilla JS, these are the fundamentals everything else is built on.
Start quiz →
Opens in a new tab on Cletica
Sample questions3 of 12 shown
Q1
Which method selects a single element by its ID?
Q2
What does the querySelector() method return if no matching element is found?
Q3
Which of the following are valid ways to change element text content? (Select all that apply)
What This Quiz Covers
- Selecting elements: getElementById, querySelector, querySelectorAll
- Reading and writing content: textContent vs. innerHTML
- Creating, appending, and removing elements
- Event listeners and the event object
- preventDefault() and event handling
- Working with data attributes
Cletica
Want to create your own quiz?
Build surveys and quizzes, share with anyone, collect responses — free to start.
Try Cletica for free →