Easy Tutorial
❮ Event Onblur Dom Obj Button ❯

HTML DOM tabIndex Property

Element Object


Definition and Usage

The tabIndex property sets or returns the tab order of a radio button.

Syntax


Browser Support

All major browsers support the tabIndex property.


Example

Change the tab order of three links:

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

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

</body>
</html>

Element Object

❮ Event Onblur Dom Obj Button ❯