What is the best way to know if an element is in the document?

Question

I want to know if a certain element is in the document.

I tried two options and i want to know which one is the best in terms of resources.

1)

var $lastParent = $(element).parents().last();
var nodeName = $lastParent.prop('nodeName').toLowerCase();
var isInDocument = (nodeName == 'html');

2)

var isInDocument = document.contains(element);

Answer 1

Try this:

document.contains

or

document.body.contains()

checkout eht IsInPage implementation here: https://developer.mozilla.org/en-US/docs/Web/API/Node.contains

• Many more ways here: How to check if element exists in the visible DOM? :)

Answer 2

You can use if ($(element).length) return true;