JavaScript 如何获取DOM元素的类型

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

方法1

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

示例1： 本示例使用了上述讨论的方法。

<!DOCTYPE html>
<html>
 
<body>
    <h1 id="h1" style="color:green;">
        GeeksforGeeks
    </h1>
    <p id="GFG_UP"></p>
    <button id="button" onclick="GFG_Fun()">
        click here
    </button>
    <p id="GFG_DOWN"></p>
    <script>
        let up = document.getElementById('GFG_UP');
        let down = document.getElementById('GFG_DOWN');
        let arr = ["h1", "GFG_UP", "button", "GFG_DOWN"];
        up.innerHTML =
            "Click on the button to check the type of element.";
 
        function GFG_Fun() {
            let id = arr[(Math.floor(Math.random() * arr.length))];
            down.innerHTML =
                "The type of element of id = '" + id + "' is "
                + document.getElementById(id).tagName;
        }
    </script>
</body>
</html>

输出:

JavaScript 如何获取DOM元素的类型

方法2

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

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

<!DOCTYPE html>
<html>
 
<body>
    <h1 id="h1" style="color:green;">
        GeeksforGeeks
    </h1>
    <p id="GFG_UP"></p>
    <button id="button" onclick="GFG_Fun()">
        click here
    </button>
    <p id="GFG_DOWN"></p>
    <script>
        let up = document.getElementById('GFG_UP');
        let down = document.getElementById('GFG_DOWN');
        let arr = ["h1", "GFG_UP", "button", "GFG_DOWN"];
        up.innerHTML =
            "Click on the button to check the type of element.";
 
        function GFG_Fun() {
            let id = arr[(Math.floor(Math.random() * arr.length))];
            down.innerHTML =
                "The type of element of id = '" + id + "' is "
                + document.getElementById(id).nodeName;
        }
    </script>
</body>
</html>

输出:

JavaScript 如何获取DOM元素的类型