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

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

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

• 例子：

    
  
      
          How to check an element with specific
          ID exists using JavaScript?
      
  
    
  
    
      
          GeeksForGeeks
      
        
      
    
      
          click here
      
        
      
    
      
          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 = "Element Exists";
              } else {
                  el_down.innerHTML = "Element Not Exists";
              }
          }
      
  
    

• 输出：
  

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

• 例子：

    
  
      
          How to check an element with specific
          ID exists using JavaScript?
      
  
    
  
    
      
          GeeksForGeeks
      
        
      
    
      
          click here
      
        
      
    
      
          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 = "Element Exists";
              } else {
                  el_down.innerHTML = "Element Not Exists";
              }
          }
      
  
    

• 输出：