HTML DOM tabIndex 属性
定义和用法
tabIndex 属性可设置或返回单选按钮的 tab 键控制次序。
语法
HTMLElementObject.tabIndex=tabIndex
浏览器支持
所有主要浏览器都支持 tabIndex 属性
实例
实例
改变三个链接的 tab 排序:
<html>
<head>
<script>
function changeTabIndex()
{
document.getElementById('1').tabIndex="3"
document.getElementById('2').tabIndex="2"
document.getElementById('3').tabIndex="1"
}
</script>
</head>
<body>
<p><a id="1" href="https://www.w3cschool.cc">1</a></p>
<p><a id="2" href="https://www.w3cschool.cc">2</a></p>
<p><a id="3" href="https://www.w3cschool.cc">3</a></p>
<input type="button" onclick="changeTabIndex()"
value="Change TabIndex">
</body>
</html>
<head>
<script>
function changeTabIndex()
{
document.getElementById('1').tabIndex="3"
document.getElementById('2').tabIndex="2"
document.getElementById('3').tabIndex="1"
}
</script>
</head>
<body>
<p><a id="1" href="https://www.w3cschool.cc">1</a></p>
<p><a id="2" href="https://www.w3cschool.cc">2</a></p>
<p><a id="3" href="https://www.w3cschool.cc">3</a></p>
<input type="button" onclick="changeTabIndex()"
value="Change TabIndex">
</body>
</html>