Estoy usando document.querySelector y lo necesito para seleccionar todos los divs que contienen la clase "prueba". Hasta ahora, querySelector selecciona solo el primer div.
¿Cómo hago eso con mi JavaScript actual?
var removeCurveStroke = document.querySelector('.test'); if(removeCurveStroke.classList.contains('card-decorator-stroke')){ removeCurveStroke.classList.remove("card-decorator-stroke"); removeCurveStroke.classList.add("brand-curve-stroke"); }Cualquier ayuda es apreciada con mucho gusto. Gracias
Utilice document.querySelectorAll('.test'); Documentación para querySelectorAll
document.querySelectorAll('.card-decorator-stroke').forEach(function(removeCurveStroke) { removeCurveStroke.classList.remove("card-decorator-stroke"); removeCurveStroke.classList.add("brand-curve-stroke"); }); .test{ height: 1rem; background: blue; } .card-decorator-stroke { background: red; } .brand-curve-stroke { background: green; } <div class="test"></div> <div class="test card-decorator-stroke"></div>no recomendable pero prueba document.getElementsByClassName("test")
Puedes probar con jquery
$(".test .card-decorator-stroke").addClass("brand-curve-stroke").removeClass("card-decorator-stroke");