Rolf B: mit java-script class ändern

Beitrag lesen

Hallo einsiedler,

wenn wir nochmal bei der Klasse bleiben: ein Element <li class="treespanmain js-disabled">

kannst Du mit var classchange = document.querySelector(".treespanmain"); finden. Dafür brauchst Du die Klasse nicht in eine id umzuwandeln (was in deinem CSS ja möglicherweise Folgen haben könnte).

Ein class Selektor prüft: Ist diese Klasse in der Klassenliste des Elements enthalten. D.h. Du kannst nach .treespanmain suchen, auch wenn das li noch 17 andere Klassen hätte.

Aber wie auch immer. Über queryElementById() kommst Du ja auch dran, wenn Du es wie von Dir gezeigt änderst.

Wenn Du das DOM-Objekt dann am Wickel hast, dann kannst Du über classList.add eine Klasse hinzufügen. Oder mit remove entfernen. Das hast Du völlig richtig gemacht.

Aber dann. Wo hast Du dann in den Dev-Tools geschaut? Im Source oder im DOM? Das sind zwei verschiedene Tabs - die Source-Ansicht zeigt das, was vom Server kommt und die DOM Ansicht zeigt das, was dein JavaScript draus gemacht hat. Die DOM-Ansicht heißt in Firefox "Inspektor", in Chrome "Elements", in Edge "Elemente" und im IE "DOM Explorer". Die geänderte classList siehst Du NUR im DOM.

Rolf

--
sumpsi - posui - clusi