如何区分 DOM 对象和 JavaScript 对象
使用 JavaScript 时，区分 DOM 对象和 JavaScript 对象至关重要。 DOM 对象通常与网页上的元素和属性相关，而 JavaScript 对象则更加抽象。
为了有效地执行这种区分，可以使用 instanceof 运算符。该运算符可用于确认对象是否属于特定类或从该类继承。
这里有一个演示其用法的示例：
<code class="javascript">function isElement(obj) {
try {
// Using W3 DOM2 (compatible with FF, Opera, and Chrome)
return obj instanceof HTMLElement;
} catch (e) {
// For browsers that don't support W3 DOM2 (like IE7)
return (
typeof obj === "object" &&
obj.nodeType === 1 &&
typeof obj.style === "object" &&
typeof obj.ownerDocument === "object"
);
}
}</code>或者，更全面的方法来实现这种区别是通过引入一个新函数 isNode() 来验证对象是否是 DOM 节点：
<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"
);
}</code>有了这个函数，就可以修改 isElement() 函数来检查 DOM独家元素：
<code class="javascript">function isElement(o) {
return (
typeof HTMLElement === "object" ? o instanceof HTMLElement : // DOM2
o &&
typeof o === "object" &&
o !== null &&
o.nodeType === 1 &&
typeof o.nodeName === "string"
);
}</code>以上是如何区分 DOM 对象和 JavaScript 对象？的详细内容。更多信息请关注PHP中文网其他相关文章！
