HTML DOM localName property

0 0 1 minute read

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>zambiatek</title>
      <h1 id="d">zambiatek</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, zambiatek 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!