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.
Array of element's siblings
Returns an array containing all the siblings of the given element.
JavaScript, Browser · Oct 19, 2020
Get element ancestors
Returns all the ancestors of an element from the document root to the given element.
JavaScript, Browser · Jan 5, 2021
Get parents until element matches selector
Finds all the ancestors of an element up until the element matched by the specified selector.
JavaScript, Browser · Jan 6, 2021
Find closest matching node
Finds the closest matching node starting at the given
node.JavaScript, Browser · Apr 22, 2021
Element contains another element
Checks if the
parentelement contains thechildelement.JavaScript, Browser · Nov 3, 2020
Find closest anchor
Finds the anchor node closest to the given
node, if any.JavaScript, Browser · Apr 22, 2021
Get all images in element
Fetches all images from within an element and puts them into an array.
JavaScript, Browser · Oct 22, 2020
Create your own query selector shorthand in vanilla JavaScript
Ever wanted to create your own jquery-like query selector shorthand? Here's how!
JavaScript, Browser · Jun 12, 2021
Element is visible in viewport
Checks if the element specified is visible in the viewport.
JavaScript, Browser · Oct 22, 2020
Select the focused DOM element with JavaScript
Here's a quick and easy way to select the currently focused DOM element in JavaScript.
JavaScript, Browser · Oct 23, 2022
Get elements bigger than viewport
Returns an array of HTML elements whose width is larger than that of the viewport's.
JavaScript, Browser · Oct 22, 2020
Element at a specific point on the page
Using
Document.elementFromPoint()to easily get the element at a specific point on the page.JavaScript, Browser · Dec 18, 2022
Vertical offset of element
Finds the distance from a given element to the top of the document.
JavaScript, Browser · Jan 5, 2021
Minimize DOM access in JavaScript
Increase your JavaScript code's performance when working with the DOM by leveraging this simple trick.
JavaScript, Browser · Jun 12, 2021