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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。