Как различать объект DOM и объект Object в JS?

Question

[spmbt]

Как уверенно и кроссбраузерно различать эти объекты?

Можно воспользоваться свойствами: .id==строка, .attributes==массив, но это косвенно.

instanceof нечто — скорее всего, не найдётся кроссбраузерного класса.

Кто знает рекомендации от стандартизаторов? Кто какими методами пользуется?

Answer 1

[oraz_ra]

var isDomElement = document.getElementById('someId') instanceof HTMLElement;

самое важное: создать объект класса HTMLElement и его наследников просто так нельзя, т.е. нельзя написать
var el = new HTMLElement();

Comments

[Анатолий]

В ие не работает такое. Можно попробовать просто вставить его в дом, и если будет ексепшен, то это не дом элемент =)

[oraz_ra]

м-да, IE не перестаёт удивлять
кроссбраузерный вариант

function isDomElement(obj) {
    try {
        // нормальные браузеры и IE9
        return obj instanceof HTMLElement;
    } catch(e) {
        // IE < 9
        return !!obj && !(obj instanceof Object);
    }
}

Не совсем, правда, безопасный. Например, в IE8 и раньше isDomElement(window) вернёт true.

Answer 2

[Panya]

Я бы на наличие nodeType смотрел и не парился. Так кстати в jQuery делают.

Answer 3

[spmbt]

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

Или то же самое - .toString() (это в Firefox) - начинает становиться некоторым стандартом. Раньше JQuery 1.x определяла DOM-элемент наличием свойства .attributes, когда разброс по выдачам у браузеров был велик.