How can I get all ancestors, parents, siblings, and children of an element?
Learn how to traverse the DOM and find all elements related to a given element.
JavaScript DOM Querying
Querying the DOM is an essential skill every web developer should have. Learn how to query the DOM quickly and efficiently with this collection of JavaScript tips and tricks.
-
JavaScript · -
JavaScript · Use JavaScript to find all the images in an element
Use simple DOM queries to find all the images contained within an element.
-
JavaScript · Create your own query selector shorthand in vanilla JavaScript
Ever wanted to create your own jquery-like query selector shorthand? Here's how!
-
JavaScript · Check if an element is visible in the viewport using JavaScript
Learn how to check if an element is visible in the browser's viewport, using this simple technique.
-
JavaScript · Select the focused DOM element with JavaScript
Here's a quick and easy way to select the currently focused DOM element in JavaScript.
-
JavaScript · Get elements wider than the viewport with JavaScript
Ever had elements that horizontally overflow the viewport? This JavaScript function can help you identify them.
-
JavaScript · Element at a specific point on the page
Using
Document.elementFromPoint()to easily get the element at a specific point on the page. -
JavaScript · Vertical offset of an element in the document
Find the distance from a given element to the top of the document with this simple JavaScript function.
-
JavaScript · Minimize DOM access in JavaScript
Increase your JavaScript code's performance when working with the DOM by leveraging this simple trick.