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

