如何可靠地确定 JavaScript 对象是否是 DOM 元素？

如何在 JavaScript 中确定 DOM 对象状态

在 JavaScript 中，区分 DOM（文档对象模型）对象和常规 JavaScript 对象至关重要对于某些操作。虽然检查 tagName 属性的传统方法在大多数情况下都有效，但在某些不强制执行只读属性的浏览器中可能会失败。

综合解决方案

要解决此问题，请考虑以下函数：

<code class="javascript">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'
    );
  }
}</code>

此代码利用 W3 DOM2 来支持受支持的浏览器，并检查非 DOM2 浏览器中的特定属性。

其他选项

另一种方法是使用以下代码：

<code class="javascript">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';
}</code>

此代码区分 DOM 节点和元素，解决浏览器实现中的潜在差异。

以上是如何可靠地确定 JavaScript 对象是否是 DOM 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！