如何区分DOM对象和JavaScript对象

Question

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

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

typeof domObj

"object"

var jsObj = {name:"BP"}

typeof jsObj

"object"

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

Answer 1

您可以使用

domObj instanceof HTMLElement; // true

是假的

jsObj instanceof HTMLElement; // false

---

在if中，它看起来像这样

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

---

您可以通过检查constructor属性

来详细了解您的对象

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

Answer 2

我认为这应该有所帮助 Javascript isDOM - How do you check if a Javascript Object is a DOM Object

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