HTML DOM activeElement Property

Last Updated : 30 Aug, 2024

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>

Output:

Supported Browsers: The browser supported by DOM activeElement property are listed below:

HTML DOM anchors Collection

manaschhabra2

Improve

Article Tags :

HTML DOM activeElement Property

Similar Reads

HTML Basics

HTML Tags

HTML Attributes

HTML Graphics

HTML APIs

HTML DOM

HTML Audio/Video

HTML 5

HTML 5 MathML

HTML Course

Thank You!

What kind of Experience do you want to share?