Klassen XY im Dokument ersetzen - Druckversion +- Javascript-forum (https://javascript-forum.de) +-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4) +--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6) +--- Thema: Klassen XY im Dokument ersetzen (/showthread.php?tid=1338) |
Klassen XY im Dokument ersetzen - centershock2302 - 25.08.2022 Hallo zusammen, ich möchte gerne zwei Klassen auf meiner Website mit JavaScript ersetzen. Da die Klassen bzw. die Divs öfter auf der Seite vorkommen, kann ich nicht nach einer ID abfragen, was ja meist getan wird. Grundsätzlich möchte ich gerne class="col-sm-12 col-md-6" durch class="col-sm-12 col-md-4" und class="status-soon" durch class="hide" ersetzen. Kann mir jemand schreiben, wie ich das am einfachsten und ohne ID-Abfrage umsetzen kann? Danke & beste Grüße Markus RE: Klassen XY im Dokument ersetzen - admin - 25.08.2022 Dafür gibt es remove and add class Zb für ein Element Code: const div = document.querySelector('div'); Für alle divs müßte es so gehen Code: const div = document.querySelectorAll('div'); Ist jetzt ungetestet RE: Klassen XY im Dokument ersetzen - centershock2302 - 25.08.2022 (25.08.2022, 17:12)admin schrieb: Dafür gibt es remove and add class Habe dazu alle möglichen Varianten ausprobiert, doch es will einfach nicht. Eine Variante z. B. wäre Code: const div = document.querySelectorAll('div'); Leider funktioniert auch das nicht. Habe einen neuen Ansatz gefunden, mit dem ich zumindest das erste Element mit der Klasse "col-md-6" ändern kann. Wenn man daraus jetzt noch eine Schleife zaubern könnte, die alle Elemente mit dieser Klasse ändern könnte, wäre das prima! Code: function replaceClass() RE: Klassen XY im Dokument ersetzen - admin - 26.08.2022 Jo , eigentlich das, was ich schon geschrieben hatte. So geht es bei mi du siehst RE: Klassen XY im Dokument ersetzen - centershock2302 - 27.08.2022 Der Teufel steckt ja meist im Detail. So funktioniert das prima! Besten Dank dafür! |