HTML DOM tagName Property

HTML DOM Web Development Front End Technology

The HTML DOM tagname property returns the tag name of the HTML element in an HTML document.

Syntax

Following is the syntax −

element.tagName

Let us see an example of HTML DOM tagName property−

Example

Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
      text-align: center;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
</style>
</head>
<body>
<h1>HTML DOM tagName Property Demo</h1>
<button class="btn" onclick="display()">Click me to show my tag name</button>
<div class="show"></div>
<script>
   function display() {
      document.querySelector('.show').innerHTML = 'Tag name is: ' +                document.querySelector('button').tagName;
   }
</script>
</body>
</html>