Attribut Selektor manipulieren mit Javascript

[Orlok]

Hallo Gunnar

elem.hidden = true.

FYI, Attribute Reflection ist in der WAI-ARIA 1.2 Spec nun auch für role und den ganzen Stapel an aria-*-Attributen vorgesehen. Auch bei diesen Attributen muss also nicht mehr umständlich mit Methoden wie setAttribute hantiert werden.

element.role = 'toolbar';

Das Element-Interface des DOM wird mit zwei Mixins erweitert, so dass eine Rolle wie in dem Beispiel oben nun auch syntaktisch zugewiesen werden kann.

Hat man ein Attribut wie aria-pressed …

<button type="button" aria-pressed="false">
    Notify by electric shock
</button>

… kann das nun auch als Objekteigenschaft gelesen werden:

document.querySelector('[aria-pressed]').ariaPressed; // 'false'

Aus Kompatibilitätsgründen wird hier leider nur ein String zurückgegeben. Schöner wäre es natürlich, wenn boolesche Attributwerte auch als Werte vom Typ Boolean zurückgegeben würden. Aber ich habe wenig Hoffnung, dass sich da noch was ändert.

Trotzdem finde ich, dass der Zugriff auf ARIA-Attribute über Eigenschaften vieles einfacher macht, weshalb ich dafür mal ein Polyfill geschrieben habe.

Viele Grüße,

Orlok