Properti HTMLButtonElement.tabIndex
menetapkan atau mengembalikan atribut TABINDEX elemen BUTTON HTML.
Sintaks:
buttonObj.tabIndex = value
buttonObj.tabIndex
value adalah number (long) yang sedikitnya satu digit di dalam cakupan 0-9.
Contoh di bawah ini mengembalikan nilai atribut TABINDEX:
<FORM>
<BUTTON ID="buttonID" TYPE="button" TABINDEX="1">Tombol</BUTTON>
</FORM>
<SCRIPT TYPE="text/javascript">
alert(document.getElementById("buttonID").tabIndex); // 1
</SCRIPT>
Contoh di bawah ini menetapkan atribut TABINDEX untuk setiap elemen BUTTON:
<FORM>
<BUTTON ID="buttonID1" TYPE="button">Tombol 1</BUTTON>
<BUTTON ID="buttonID2" TYPE="button">Tombol 2</BUTTON>
</FORM>
<SCRIPT TYPE="text/javascript">
document.getElementById("buttonID1").tabIndex = 2;
document.getElementById("buttonID2").tabIndex = 1;
</SCRIPT>
Elemen BUTTON di atas akan menjadi:
<BUTTON ID="buttonID1" TYPE="button" TABINDEX="1">Tombol 1</BUTTON>
<BUTTON ID="buttonID2" TYPE="button" TABINDEX="2">Tombol 2</BUTTON>