JavaScript/DOM/HTMLOrSVGElement/tabIndex

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Der Titel dieses Artikels ist mehrdeutig. Das Thema Tabindex wird in diesen Artikeln behandelt:



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.

  • DOM 2.0
  • JavaScript 1.5
  • IE
  • Firefox
  • Chrome
  • Safari
  • Opera

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.

Anwendungsbeispiel[Bearbeiten]

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[Bearbeiten]