HTML DOM activeElement Property

Last Updated : 11 Jul, 2025

The DOM activeElement property is used to return the currently active elements in the HTML document. This property is read-only. It gives the reference of a focused element object in the document.

Syntax:

document.activeElement

Return Value: A reference to the element object in the document that has a focus.

Example: In this example, we will use DOM activeElement property.

HTML

<!DOCTYPE html> <html> <head> <style>  h1 {  color: green;  }  </style> <script>  function GFG() {  // Get Active Element using activeElement  // property and assign it value equal to  // to its tag  let x = document.activeElement.tagName;  document.getElementById("geeks").innerHTML = x;  }  </script> </head> <body onclick="GFG()"> <h1>GeeksforGeeks</h1> <h2>DOM activeElement property</h2> <input type="text" placeholder="GeeksforGeeks"> <button>Submit</button> <p id="geeks"></p> </body> </html>