Categories
JavaScript Answers

How to check if object is a DOM element with JavaScript?

Spread the love

To check if an object is a DOM element in JavaScript, you can use the instanceof operator along with the HTMLElement or Node interface.

To do this we can write

function isDOMElement(obj) {
    return obj instanceof HTMLElement || obj instanceof Node;
}

// Example usage:
var element = document.getElementById('myElement');
console.log(isDOMElement(element)); // Output: true

var notElement = "This is not an element";
console.log(isDOMElement(notElement)); // Output: false

In this example, the isDOMElement function takes an object as an argument and returns true if the object is an instance of HTMLElement or Node, indicating that it’s a DOM element. Otherwise, it returns false.

You can also use other methods like nodeType or nodeName to perform similar checks, but using instanceof with HTMLElement or Node is a commonly used approach.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *