não sei se e possível, procurei e não achei nada a respeito, apenas o contrario.
Por exemplo, crio um elemento no JS:
btnFormula.addEventListener('click' , ()=> {
let t = document.createElement('div');
t.setAttribute('class' , 'caixa');
t.setAttribute('id' , 'caixa');
t.style.height ="200px";
t.style.width ="200px";
t.innerHTML = "FORMULA QUADRADA"
t.style.border = "1px solid black"
papermain.appendChild(t);
papermain.appendChild(exitT);
// DEPOIS fazer mais formulas e alterar para um select no HTML*
});
Agora em vez de utilizar elemento.style.atributo = ... e possível alterar esse elemento especifico criado no Javascript no documento CSS? a ideia e diminuir o código
#caixa {
background-color: red;
}
.caixa {
background-color: red;
}
lembrando que sao vários elementos específicos no javascript para serem editados no CSS tentei criar o atributo class e edita-lo no css mas não funciona
se não for possível desculpem a ignorância.