JavaScript 如何检查具有特定ID的元素是否存在

给定一个包含一些元素的HTML文档，这些元素包含一些id属性。任务是使用JavaScript检查具有特定ID的元素是否存在。下面讨论了两种方法：

方法1

首先，我们将使用document.getElementById()获取ID并将其存储到一个变量中。然后将元素（存储ID的变量）与’null’进行比较，以确定元素是否存在。

示例：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>
        How to Check an Element with Specific 
        ID Exists using JavaScript ?
    </title>
</head>
 
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
     
    <p>
        Click on button to check if 
        element exists using JavaScript
    </p>
     
    <button onClick="GFG_Fun()">
        click here
    </button>
     
    <p id="result"></p>
     
    <script>
        var res = document.getElementById('result');
 
        function GFG_Fun() {
            var el = document.getElementById('GFG');
 
            if (el != null) {
                el_down.innerHTML = "Element Exists";
            } else {
                el_down.innerHTML = "Element Not Exists";
            }
        }
    </script>
</body>
 
</html>

输出：

JavaScript 如何检查具有特定ID的元素是否存在

方法2

首先，我们将使用document.getElementById()方法获取ID，并将ID存储到一个变量中。然后使用 JSON.stringify()方法 对元素（存储ID的变量）进行处理，然后将元素与’null’字符串进行比较，以确定元素是否存在。

示例：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>
        How to Check an Element with Specific
        ID Exists using JavaScript ?
    </title>
</head>
 
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <p>
        Click on button to check if 
        element exists using JavaScript
    </p>
 
    <button onClick="GFG_Fun()">
        click here
    </button>
 
    <p id="result"></p>
 
    <script>
        let res = document.getElementById('result');
 
        function GFG_Fun() {
            let elm = document.getElementById('GFGUP');
             
            if (JSON.stringify(elm) != "null") {
                el_down.innerHTML = "Element Exists";
            } else {
                el_down.innerHTML = "Element Not Exists";
            }
        }
    </script>
</body>
 
</html>

输出：

JavaScript 如何检查具有特定ID的元素是否存在