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
Example:
<!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> |
chevron_right
filter_none
Output:
Supported Browsers: The browser supported by DOM activeElement property are listed below:
- Google Chrome 2.0
- Internet Explorer 4.0
- Firefox 3.0
- Opera 9.6
- Safari 4.0
Recommended Posts:
- HTML | DOM id Property
- HTML | DOM li value Property
- HTML | DOM Bdo dir Property
- HTML | DOM Map name Property
- HTML | DOM dir Property
- HTML | DOM URL Property
- HTML | DOM name Property
- HTML | DOM value Property
- HTML | DOM specified Property
- HTML | DOM previousSibling Property
- HTML | DOM offsetLeft Property
- HTML | DOM Style top Property
- HTML | DOM offsetWidth Property
- HTML | DOM Style right Property
- HTML | DOM scrollHeight Property
- HTML | DOM scrollWidth Property
- HTML | DOM nextSibling Property
- HTML | DOM parentNode Property
- HTML | DOM ins cite Property
- HTML | DOM ins dateTime Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
