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 jsOb

Solution 1:

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] }

Solution 2:

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.