JavaScript/DOM/HTMLOrSVGElement/tabIndex

Der Begriff tabindex ist mehrdeutig.
Das Thema Tabindex wird in diesen Artikeln behandelt:

• das Universalattribut tabindex
• das Universalattribut tabindex bei SVG-Elementen
• Änderung/Auslesen durch JavaScript mit der tabIndex-Eigenschaft

Die Eigenschaft tabIndex spiegelt den numerischen Wert des tabindex Attributs eines HTML- oder SVG-Elements wieder. Sie ermittelt oder ändert die Tabulator-Reihenfolge des Elements.

Ein tabIndex kann für HTML-, SVG- und MathML-Elemente gesetzt werden.

Syntax

const index = element.tabIndex;

• Die Eigenschaft gibt den Tabindex des Elements als Zahl zurück.

element.tabIndex = 7;

• Der Tabindex des Elements wird auf 7 gesetzt. Sie können numerische Werte zuweisen, oder Strings, deren Inhalt ein korrekter numerischer Wert ist. Alles andere führt dazu, dass die Eigenschaft und das Attribut den Wert 0 annehmen.

Beispiel ansehen …

    function changeTabIndex() {
      document.getElementById('1').tabIndex = 3;
      document.getElementById('2').tabIndex = 2;
      document.getElementById('3').tabIndex = 1;
    }

Durch einen Klick auf den Button wird die Funktion changeTabIndex aufgerufen, die die Tabindex-Reihenfolge der Links ändert.

Weblinks

• W3C: tabIndex
• MDN: tabIndex