如何返回 HTML 文档中当前活动的元素？

在本文中，我们将讨论如何在 HTML 文档中返回当前活动的元素。我们将使用activeElement DOM 属性来帮助我们实现这一目标。 DOM activeElement 属性用于返回 HTML 文档中当前活动的元素。该属性是只读的。它为我们提供了对文档中焦点元素对象的引用。

句法：

document.activeElement

示例 1：在此示例中，我们将返回当前处于活动状态的标签名称。

HTML

  

    
        
          GeeksforGeeks
        
        How to return the currently active
           elements in the HTML document?
        
        
        
        
        This is a button
        
        
    
    
        function clickedActiveElement() {
  
            // Get the active element
            var isActive = 
                document.activeElement.tagName;
  
            // Output the active element to the result
            var element = 
                document.getElementById('result');
            element.innerHTML = 
              "Active Element is: " + isActive;
            element.style.color = 
              "green";
        }
    

  

输出：

示例 2：在此示例中，我们将返回当前处于活动状态的元素 id。

HTML

  

    
        
          GeeksforGeeks
        
        How to return the currently active
           belements in the HTML document?
        
        
        
        
        
          CheckBox
        
        Button
        
        
    
    
        function clickedActiveElement() {
  
            // Get the active element's ID
            var activeElementId = 
                document.activeElement.id;
  
            // Output the ID to the result
            var element =
                document.getElementById('result');
            element.innerHTML = 
              "Active Element is: " + activeElementId;
            element.style.color =
              "green";
        }
    

  

输出：