Element: ariaSelected-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Oktober 2023 browserübergreifend verfügbar.
Die ariaSelected-Eigenschaft des Element-Interfaces spiegelt den Wert des aria-selected-Attributs wider, das den aktuellen "ausgewählt"-Zustand von Elementen angibt, die einen auswählbaren Zustand haben.
Wert
Ein String mit einem der folgenden Werte:
"true"-
Das Element ist ausgewählt.
"false"-
Das Element ist nicht ausgewählt.
"undefined"-
Das Element ist nicht auswählbar.
Beispiele
In diesem Beispiel wird das aria-selected-Attribut des Elements mit der ID tab-id auf "true" gesetzt. Mithilfe von ariaSelected aktualisieren wir den Wert auf "false".
html
<button role="tab" aria-selected="true" aria-controls="tabpanel-id" id="tab-id">
Tab label
</button>
js
let el = document.getElementById("tab-id");
console.log(el.ariaSelected); // true
el.ariaSelected = "false";
console.log(el.ariaSelected); // false
Spezifikationen
| Spezifikation |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariaselected |