Klassen XY im Dokument ersetzen

[centershock2302]

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

[admin]

Dafür gibt es remove and add class
Zb für ein Element

Code:

const div =  document.querySelector('div');
div.classList.remove('col-sm-12 col-md-6');
div.classList.add('col-sm-12 col-md-4');

Für alle divs müßte es so gehen

Code:

const div =  document.querySelectorAll('div');
div.forEach(function(g){
g.classList.remove('col-sm-12 col-md-6');
g.classList.add('col-sm-12 col-md-4');
})

Ist jetzt ungetestet

[centershock2302]

Dafür gibt es remove and add class
Zb für ein Element

Code:

const div =  document.querySelector('div');
div.classList.remove('col-sm-12 col-md-6');
div.classList.add('col-sm-12 col-md-4');

Für alle divs müßte es so gehen

Code:

const div =  document.querySelectorAll('div');
div.forEach(function(g){
g.classList.remove('col-sm-12 col-md-6');
g.classList.add('col-sm-12 col-md-4');
})

Ist jetzt ungetestet

Habe dazu alle möglichen Varianten ausprobiert, doch es will einfach nicht. 

Eine Variante z. B. wäre

Code:

        const div =  document.querySelectorAll('div');
        div.forEach(function(g){
        g.className.remove('col-md-6');
        g.className.add('col-md-4');
        })

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()
        {
          var plusLinks = document.querySelectorAll('.col-md-6');
          var firstLink = plusLinks[0];
          firstLink.setAttribute('class', 'col-md-4');
        }
        replaceClass();

[admin]

Jo , eigentlich das, was ich schon geschrieben hatte.
So geht es bei mi du siehst

[centershock2302]

Der Teufel steckt ja meist im Detail.

So funktioniert das prima! Besten Dank dafür!