Klassen XY im Dokument ersetzen
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
Der hier verwendete Code
<div class="col-md-6">Ich habe className col-md-6</div>
<div class="col-md-6">Ich habe className col-md-6</div>
<div class="col-md-6">Ich habe className col-md-6</div>
<div class="col-md-6">Ich habe className col-md-6</div>
<div class="col-md-6">Ich habe className col-md-6</div>
<div class="col-md-6">Ich habe className col-md-6</div>
<button>Ändere Classname</button>
<script>
document.getElementsByTagName('button')[0].addEventListener('click',function(){
var plusLinks = document.querySelectorAll('.col-md-6');
plusLinks.forEach(function(g){
g.setAttribute('class', 'col-md-4');
g.innerHTML='Jetzt habe ich ClassName '+g.getAttribute('class');
})
})
</script>