Element: ariaSelected-Eigenschaft
Baseline
2023
Neu verfügbar
Seit October 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
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 |