Element contains another element

OSCC · JavaScript, Browser · Nov 3, 2020

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

Recommended snippets

• Array of element's siblings

  JavaScript, Browser

  Returns an array containing all the siblings of the given element.

• Get parents until element matches selector

  JavaScript, Browser

  Finds all the ancestors of an element up until the element matched by the specified selector.

• Check if HTML element has class

  JavaScript, Browser

  Checks if the given element has the specified class.