How to check if element exists in the visible DOM?


We can use the Node.contains method to do this check. The Node.contains() method returns a Boolean value indicating whether a node is a descendant of a given node, i.e. the node itself, one of its direct children (childNodes), one of the children's direct children, and so on.

Example

For example, you are looking for an element with id test, you can use the following −

const elem = document.querySelector('#test');
console.log(document.body.contains(elem));

This will log true or false based on whether the element is present in the visible DOM.

Updated on: 27-Nov-2019

559 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements