如何使用 JavaScript 获取 DOM 元素的类型？

任务是通过对象引用来获取 DOM 元素的类型。在这里，我们将使用 JavaScript 来解决这个问题。
方法一：

• 首先将 DOM 对象引用到一个变量（在此示例中，数组由元素的 ID 组成，然后选择随机 ID 并选择该特定元素）。
• 使用.tagName 属性获取元素名称。

示例 1：此示例使用上述方法。

html

 

    
        How to get the type of DOM
      element using JavaScript?
    


 
    
         
        GeeksForGeeks 
    
        
        
        
            click here
        
        
        
        
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var arr = ["h1", "GFG_UP", "button", "GFG_DOWN"];
            up.innerHTML =
              "Click on the button to check the type of element.";
 
            function GFG_Fun() {
                var id = arr[Math.floor(Math.random() * arr.length)];
                down.innerHTML =
                  "The type of element of id = '" + id + "' is "
                + document.getElementById(id).tagName;
            }
        
    

 

输出：

• 在点击按钮之前：

• 点击按钮后：

方法二：

• 首先将 DOM 对象引用到一个变量（这里，在此示例中，数组由元素的 ID 组成，然后从数组中选择随机 ID 并选择该特定元素）。
• 使用.nodeName 属性获取元素名称。

示例 2：此示例使用上述方法。

html

 

    
        How to get the type of
      DOM element using JavaScript?
    


 
    
         
        GeeksForGeeks 
    
        
        
        
            click here
        
        
        
        
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var arr = ["h1", "GFG_UP", "button", "GFG_DOWN"];
            up.innerHTML =
              "Click on the button to check the type of element.";
 
            function GFG_Fun() {
                var id = arr[Math.floor(Math.random() * arr.length)];
                down.innerHTML =
                  "The type of element of id = '" + id + "' is "
                + document.getElementById(id).nodeName;
            }
        
    

 

输出：

• 在点击按钮之前：

• 点击按钮后：