Klassen XY im Dokument ersetzen

[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();