如何区分 DOM 对象和 JavaScript 对象答案

【问题标题】：How to differentiate between DOM object and JavaScript object如何区分 DOM 对象和 JavaScript 对象
【发布时间】：2013-12-11 18:24:53
【问题描述】：

我试图找出哪个是 dom 对象或哪个是 javascript 对象

var domObj =document.getElementById('lga');

typeof domObj

"object"

var jsObj = {name:"BP"}

typeof jsObj

"object"

那我如何识别哪个是dom对象或js对象。

【问题讨论】：

【解决方案1】：

你可以使用

domObj instanceof HTMLElement; // true

这将是错误的

jsObj instanceof HTMLElement; // false

在if 中看起来像这样

if (domObj instanceof HTMLElement) {
  // ...
}
else {
  // ...
}

您可以通过检查对象的constructor 属性来了解有关对象的更多信息

document.body.constructor; // function HTMLBodyElement() { [native code] }

【讨论】：

好主意。如果您也对 TextNodes、CommentNodes 等感兴趣，可以将其与 HTMLElement 进行比较。
domObj instanceof HTMLElement;这在 Chrome 中可以正常工作，但在 IE8、domObj instanceof Object 中不行；这在 Chrome 中返回 true，但在 IE8 中返回 false。有什么具体的方法可以跨浏览器吗？

【解决方案2】：

这提供了一种跨浏览器的方式来处理需求，同时解释了常见浏览器的底层实现。
我认为这应该回答你关于如何识别HTMLElement 类型的object 的问题。

【讨论】：