CODEWITHSUNDEEP
javascriptjquerydom
jforjs
jforjs

Reputation: 473

How to differentiate between DOM object and JavaScript object

I tried to find out which is a dom object or which is a javascript object

var domObj =document.getElementById('lga');

typeof domObj

"object"

var jsObj = {name:"BP"}

typeof jsObj

"object"

Then how do I identify which is a dom object or js object.

Upvotes: 0

Views: 166

Answers (2)

B.D.
B.D.

Reputation: 108

I think this should be of help Javascript isDOM - How do you check if a Javascript Object is a DOM Object

This gives a cross-browser way to handle the requirement, at the same time explaining the underlying implementation of common browsers.
I think this should answer your question on how to identify an object of type HTMLElement.

Upvotes: 0

maček
maček

Reputation: 77778

You can use

domObj instanceof HTMLElement; // true

It will be false for

jsObj instanceof HTMLElement; // false

In an if it would look like this

if (domObj instanceof HTMLElement) {
  // ...
}
else {
  // ...
}

You can learn more about your objects by inspecting their constructor property

document.body.constructor; // function HTMLBodyElement() { [native code] }

Upvotes: 4

Related Questions