第1章 第390节 dom element tabIndex

推荐给朋友

HTML DOM tabIndex 属性

tabIndex 属性可设置或返回单选按钮的 tab 键控制次序。

语法

HTMLElementObject.tabIndex=tabIndex

浏览器支持

所有主要浏览器都支持 tabIndex 属性。

在线实例

实例

改变三个链接的 tab 排序:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程(nowcoder.com)</title>
<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.nowcoder.com">1</a></p>
<p><a id="2" href="https://www.nowcoder.com">2</a></p>
<p><a id="3" href="https://www.nowcoder.com">3</a></p>

<input type="button" onclick="changeTabIndex()"
value="Change TabIndex">

</body>
</html>

尝试一下