Skip to content

Element contains another element

Checks if the parent element contains the child element.

Check that parent is not the same element as child.
Use Node.contains() to check if the parent element contains the child element.

const elementContains = (parent, child) =>
  parent !== child && parent.contains(child);

elementContains(
  document.querySelector('head'),
  document.querySelector('title')
);
// true
elementContains(document.querySelector('body'), document.querySelector('body'));
// false

More like this

Collection · 14 snippets
JavaScript DOM Querying

Learn how to query the DOM quickly and efficiently with this collection of JavaScript tips and tricks.
JavaScript · October 19, 2020
Array of element's siblings

Returns an array containing all the siblings of the given element.
JavaScript · January 6, 2021
Get parents until element matches selector

Finds all the ancestors of an element up until the element matched by the specified selector.
JavaScript · February 11, 2024
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.