HTML | DOM activeElement Property
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 focus
Example:
html
<!DOCTYPE html><html> <head> <style> h1 { color:green; } body { text-align:center; } </style> <script> function GFG() { // Get Active Element using activeElement // property and assign it value equal to // to its tag var 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:
- Google Chrome 1.0
- Edge 12.0
- Internet Explorer 6.0
- Firefox 3.0
- Opera 12.1
- Safari 4.0
.png)
