The HTML DOM localName property returns the local name of an element. This is a read only property.
Syntax:
element.localName
Return Value: A String representing the local Name of the element.
Example:
The following example shows how to get localName of an element using this property.
html
<html> <head> <title>neveropen</title> <h1 id="d">neveropen</h1> <button id="btn">Click Here</button> <script> const element = document.getElementById("btn"); const di=document.getElementById("d"); element.addEventListener("click", function() { console.log(di.localName); console.log(element.localName);}); </script> </head></html> |
Output:
Before Button Click:
After Button Click:
In console the local names of the following elements can be seen.
Supported Browsers:
- Google Chrome 1 and above
- Edge 12 and above
- Firefox 1 and above
- Internet Explorer 9 and above
- Opera 12.1 and above
- Safari 1 and above
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] Find More here on that Topic: geeksforgeeks.org/html-dom-localname-property/ […]