HTML DOM tabIndex 属性
JavaScript基础 2022-06-08 16:20:34小码哥的IT人生shichen
HTML DOM tabIndex 属性
定义和用法
tabIndex 属性可设置或返回单选按钮的 tab 键控制次序。
语法
radioObject.tabIndex=number实例
下面的例子可显示出单选按钮的 tab index：
<html>
<head>
<script type="text/javascript">
function showTabIndex()
{
var r1=document.getElementById('radio1').tabIndex;
var r2=document.getElementById('radio2').tabIndex;
var r3=document.getElementById('radio3').tabIndex;
document.write("Tab index of radio button 1: " + r1);
document.write("<br />");
document.write("Tab index of radio button 2: " + r2);
document.write("<br />");
document.write("Tab index of radio button 3: " + r3);
}
</script>
</head>
<body>
<form>
<input type="radio" id="radio1" tabindex="1" /><br />
<input type="radio" id="radio2" tabindex="2" /><br />
<input type="radio" id="radio3" tabindex="3" /><br />
<input type="button" onclick="showTabIndex()" value="Show tabIndex" />
</form>
</body>
</html>TIY
完整实例【显示单选按钮的 tab 键控制次序】：
<html>
<head>
<script type="text/javascript">
function showTabIndex()
{
var r1=document.getElementById('radio1').tabIndex;
var r2=document.getElementById('radio2').tabIndex;
var r3=document.getElementById('radio3').tabIndex;
document.write("Tab index of radio button 1: " + r1);
document.write("<br />");
document.write("Tab index of radio button 2: " + r2);
document.write("<br />");
document.write("Tab index of radio button 3: " + r3);
}
</script>
</head>
<body>
<form>
<input type="radio" id="radio1" tabindex="1" /><br />
<input type="radio" id="radio2" tabindex="2" /><br />
<input type="radio" id="radio3" tabindex="3" /><br />
<input type="button" onclick="showTabIndex()" value="Show tabIndex" />
</form>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
