Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM tabIndex Property

  • Last Updated : 27 Aug, 2021

The tabIndex property is used to return the value of the tabindex attribute of an element. The tabindex attribute specifies the tab order of an element (It is used when the tab button is used for navigating.)
 

Syntax: 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • Returns the tabIndex property: 
HTMLElementObject.tabIndex
  • Set the tabIndex property: 
HTMLElementObject.tabIndex = number

Property Values: 

  • number: Define the tabbing order of the element.

Return Values: It returns a numeric value which represents the tab order of an element. 
Note: The element will be removed from the tab order if the number is negative.
Example: 



html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML DOM tabIndex Property</title>
     
    <style>
        body {
            text-align:center;
        }
        h1 {
            color:green;
        }
        a {
            text-decoration:none;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
     
    <h2>tabindex attribute</h2>
     
            tabindex="2">
        Geeks HTML ide
    </a>
    <br>
     
                tabindex="1">
        GeeksforGeeks
    </a>
    <br>
     
            tabindex="3">
        Geeks ide
    </a><br>
     
    <button onclick="gfgFun()">Try it</button>
    <p id="gfg"></p>
 
 
 
    <script>
        function gfgFun() {
            var gfgvar = document.getElementsByTagName(
                        "A")[0].tabIndex;
                         
            document.getElementById("gfg").innerHTML
                        = gfgvar;
        }
    </script>
</body>
 
</html>

Output: 

Supported Browsers: The browser supported by HTML DOM tabIndex Property are listed below: 

  • Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!