Estoy tratando de encontrar una clase en un div (donde el valor siempre terminará en 0bg ), dada una cadena parcial y luego obtengo su valor de estilo de fondo.
Por ejemplo:
.xx-color-100bg{ background-color: #323334; } <div class="heading xx-color-100bg"></div> document.querySelectorAll(".heading").classList.contains("0bg").style.background La solución de los errores anteriores con Cannot read properties of undefined (reading 'contains')
¿Cómo puedo encontrar la clase necesaria y obtener su valor de color de fondo?
querySelectorAll() devuelve una NodeList , por lo que no puede usar classList . Debe recorrer los DOMElements en la lista o simplemente asumir que el primero es lo que necesita:
document.querySelectorAll(".heading").forEach(e => { // do something with e.classList }); // OR document.querySelectorAll(".heading")[0].classList // the first elementDescubrí la solución justo después de publicar la pregunta:
window.getComputedStyle(document.querySelector(".heading[class*='0bg'")).backgroundColor;