Attribut Selektor manipulieren mit Javascript

[Gunnar Bittersmann]

@@einsiedler

<button hidden="botton hidden" aria-expanded="undefined">

hidden ist ein boolesches Attribut, d.h. es muss entweder ohne Wertzuweisung (<button hidden>) notiert werden oder mit "" oder "hidden" als Wert, aber nichts anderes.

in meinem CSS steht : [hidden] + .nav-group { display: block !important;}

Bei aktiviertem java-script soll dieser Attribut Selektor im html nicht mehr stehen.

Im HTML steht auch kein Attribut-Selektor (auch nicht ohne Deppenleerzeichen).

Im CSS steht einer: [hidden]. Im JavaScript steht auch einer: im Argument von document.querySelector('botton[hidden]').

Im HTML steht ein Attribut. Das Attribut willst du weghaben?

document.querySelector('botton[hidden]').classList.remove('[hidden]');

funktioniert nicht!

Kann ja auch nicht. Wie der Name schon sagt, ist classList für Klassen zuständig, nicht für beliebige andere Attribute.

MDN: Element.removeAttribute() oder einfach Element.hidden = true (wobei du Element durch die Referenz auf dein Element ersetzen musst).

LLAP 🖖