如何检查 JavaScript 对象是否为 DOM 对象？

先决条件： DOM（文档对象模型）、Instanceof Operator

DOM（文档对象模型）：文档对象模型是 HTML 和 XML 文档的分层表示，其格式在编程方面更易于解释。它通过以由节点组成的树状模型的形式解释其结构来对标签、元素、属性和类进行操作。

Element：在 HTML DOM 中， Element是所有对象的通用基类。一个 Element 对象代表所有 HTML 元素。

方法：为了检查一个 JavaScript 对象是否是 DOM 对象，我们需要检查给定的 JS 对象是否是Element类型的 Object。为了检查这一点，我们将使用instanceof运算符。 instanceof运算符返回一个布尔值，该值指定对象是否是给定类的实例。

句法：

Object instanceof ObjectType

参数：

• Object：存放需要测试的Object。
• ObjectType：它存储要测试的对象类型。

例子：

 
 
  
 
    
        How to check a JavaScript 
        Object is a DOM Object ?
    

  

     
     
  
    
        // Function to check the object
        // id DOM object or not
        function isDOM(Obj) {
              
             // Function that checks whether 
             // object is of type Element
            return Obj instanceof Element;
        }
      
        // Set all elements into HTML
        var div = document.getElementById('div1');
        var nonElem = document.getElementById('nonElem');
          
        // Creating a non-DOM Object 
        var x = 1; 
          
        // Checks against HTML elements and
        // non-HTML elements
        if (isDOM(div))
            div.innerHTML = "Div is detected as a DOM Object";
          
        if (!isDOM(x)) 
            nonElem.innerHTML = "x is detected as a non-DOM Object"; 
    

  

输出：

Div is detected as a DOM Object
x is detected as a non-DOM Object