JavaScript |检查元素是否存在于可见 DOM 中

任务是查找元素是否存在于可见 DOM 中。为此目的，使用了许多方法，但我们将研究其中的几个。

示例 1：在此示例中，通过document.getElementById('Id')和!!搜索元素在选择器之前使用以获得布尔结果。

  

    
        JavaScript 
      | Check if element exists in the visible DOM.
    

  

      
            GeeksForGeeks  
        
     
      Check if an Element exists in visible DOM
    
    
        check
    
    
    
    
        var el_down = 
            document.getElementById("GFG_DOWN");
        var id = 'GFG_UP';
  
        function gfg_Run() {
            var element =
                !!document.getElementById(id);
            var ans = '';
            if (element) {
                ans = "Element of id = '" + id + 
                  "' exists in visible DOM.";
            } else {
                ans = "Element of id = '" + id + 
                  "' not exists in visible DOM.";
            }
            el_down.innerHTML = ans;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

Example-2：在这个例子中，元素是通过document.getElementsByClassName('className')搜索的， length 属性用于检查变量是否包含结果。

  

    
        JavaScript 
      | Check if element exists in the visible DOM.
    

  

      
            GeeksForGeeks  
        
     
      Check if an Element exists in visible DOM
    
    
        check
    
    
    
    
        var el_down = 
            document.getElementById("GFG_DOWN");
        var className = 'p';
  
        function gfg_Run() {
            var element = 
                document.getElementsByClassName(className);
            var ans = '';
            if (element.length > 0) {
                ans = "Element of className = '" + className +
                  "' exists in visible DOM.";
            } else {
                ans = "Element of className = '" + className +
                  "' not exists in visible DOM.";
            }
            el_down.innerHTML = ans;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：