HTML DOM tabIndex用法及代码示例

tabIndex属性用于返回元素的tabindex属性的值。 tabindex属性指定元素的选项卡顺序(当使用tab按钮进行导航时使用。)

用法:

返回tabIndex属性：
```
HTMLElementObject.tabIndex
```
设置tabIndex属性：
```
HTMLElementObject.tabIndex = number
```

属性值：

number:定义元素的制表顺序。

注意：如果数字为负，则该元素将从选项卡顺序中删除。

例：

<!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>  
      
    <a href="https://ide.geeksforgeeks.org/tryit.php"
            tabindex="2"> 
        Geeks HTML ide 
    </a>  
    <br>  
      
    <a href="https://www.geeksforgeeks.org/"
                tabindex="1">  
        GeeksforGeeks  
    </a>  
    <br>  
      
    <a href="https://ide.geeksforgeeks.org/"
            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>

输出：

支持的浏览器：下面列出了HTML DOM tabIndex属性支持的浏览器：

Chrome
Firefox
IE浏览器
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自shubham_singh大神的英文原创作品 HTML | DOM tabIndex Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。