Tengo este fragmento de código dentro de mi javascript, quiero seleccionar el elemento por el nombre de la clase y luego poder diseñarlo, ¿cómo puedo hacer eso?
const versesHtml = ` ${verses.map( (v, i) => `<li class="text">${v.text_uthmani}</li> <li class="ayahNumber">{${i+1}}</li>`).join(' ')} `;
usando el selector DOM y luego las propiedades css, así:
const styling = document.querySelector('.text'); styling.style.backgroundColor = 'yellow'; styling.style.color = 'red';
var elements = document.getElementsByClassName('ayahNumber'); // get all elements for(var i = 0; i < elements.length; i++){ elements[i].style.backgroundColor = "black"; }