document.querySelector()
document.querySelector() is a JavaScript method in the DOM category. Returns the first matching element. The syntax is document.querySelector(selectors). A typical example: document.querySelector(".my-class"). A close sibling is document.getElementById(), which returns the element with the specified ID. A close sibling is document.querySelectorAll(), which returns all matching elements as a NodeList. A close sibling is element.addEventListener(), which attaches an event handler. A close sibling is element.removeEventListener(), which removes an event handler. More about this category: DOM methods for interacting with HTML elements. Related DOM methods: document.getElementById(), document.querySelectorAll(), element.addEventListener(), element.removeEventListener(), document.createElement(), element.appendChild(), element.removeChild(), element.replaceChild(). This page is part of the free JS Reference documentation covering 1027+ methods, each with syntax, parameters, return values, examples, and common pitfalls. You can try document.querySelector() immediately in the JavaScript playground, look up unfamiliar terms in the glossary, or return to the JS Reference homepage.