Cómo determinar el estado del objeto DOM en JavaScript

En JavaScript, diferenciar entre objetos DOM (modelo de objetos de documento) y objetos JavaScript normales es crucial para determinadas operaciones. Si bien el enfoque tradicional de verificar la propiedad tagName funciona en la mayoría de los casos, puede fallar en algunos navegadores que no imponen propiedades de solo lectura.

Una solución integral

Para solucionar este problema, considere la siguiente función:

function isElement(obj) {
  try {
    // W3 DOM2 (works for FF, Opera, and Chrome)
    return obj instanceof HTMLElement;
  } catch (e) {
    // Non-DOM2 browsers
    return (
      typeof obj === 'object' &&
      obj.nodeType === 1 &&
      typeof obj.style === 'object' &&
      typeof obj.ownerDocument === 'object'
    );
  }
}

Este código aprovecha W3 DOM2 para navegadores compatibles y comprueba propiedades específicas en navegadores que no son DOM2.

Opciones adicionales

Otro enfoque es use el siguiente código:

function isNode(o) {
  return typeof Node === 'object'
    ? o instanceof Node
    : o &&
        typeof o === 'object' &&
        typeof o.nodeType === 'number' &&
        typeof o.nodeName === 'string';
}

function isElement(o) {
  return typeof HTMLElement === 'object'
    ? o instanceof HTMLElement
    : o &&
        typeof o === 'object' &&
        o !== null &&
        o.nodeType === 1 &&
        typeof o.nodeName === 'string';
}

Este código distingue entre nodos y elementos DOM, abordando posibles diferencias en las implementaciones del navegador.