How to distinguish between DOM object and Object object in JS?

Question

JavaScript

How to confidently and cross-browser distinguish between these objects?
You can use properties: .id==string, .attributes==array, but this is indirect.
instanceof something - most likely, there is no cross-browser class.
Who knows the recommendations from the standardizers? Who uses what methods?

Answer 1

var isDomElement = document.getElementById('someId') instanceof HTMLElement;
the most important thing is that it is impossible to create an object of the HTMLElement class and its descendants just like that; you can't write
var el = new HTMLElement();

Answer 2

> document.body+''
"[object HTMLBodyElement]"
> document.querySelector('div')+''
"[object HTMLDivElement]"
> document.querySelector('span')+''
"[object HTMLSpanElement]"

Or the same thing - .toString() (this is in Firefox) - is starting to become some kind of standard. In the past, JQuery 1.x defined a DOM element by having an .attributes property when browsers had a wide range of results.