如何使用JavaScript检查特定ID的元素是否存在

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

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

示例：

<h1 style="color:green;">
    GeeksforGeeks
</h1>
  
<p id="GFG_UP"></p>
  
<button onClick="GFG_Fun()">
    click here
</button>
  
<p id="GFG_DOWN"></p>
  
<script>
    var el_up = document.getElementById('GFG_UP');
    var el_down = document.getElementById('GFG_DOWN');
      
    el_up.innerHTML = "Click on button to check if "
                + "element exists using JavaScript.";
                  
    function GFG_Fun() {
        var el = document.getElementById('GFGUP');
        if (el != null) {
            el_down.innerHTML = "元素存在";
        } else {
            el_down.innerHTML = "元素不存在";
        }
    }
</script>

输出：

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

示例：

<h1 style="color:green;">
    GeeksforGeeks
</h1>
  
<p id="GFG_UP"></p>
  
<button onClick="GFG_Fun()">
    click here
</button>
  
<p id="GFG_DOWN"></p>
  
<script>
    var el_up = document.getElementById('GFG_UP');
    var el_down = document.getElementById('GFG_DOWN');
    el_up.innerHTML = "Click on button to check if "
                + "element exists using JavaScript.";
                  
    function GFG_Fun() {
        var el = document.getElementById('GFGUP');
        if (JSON.stringify(el) != "null") {
            el_down.innerHTML = "元素存在";
        } else {
            el_down.innerHTML = "元素不存在";
        }
    }
</script>

输出：

阅读更多：JavaScript 教程