me gustaría cambiar una propiedad de una etiqueta css mediante js, el objetivo es cambiar el top y el left de una clase llamada "toast" para que se mueva al darle a un boton...
el css lo tengo así
.toast {
top: 35px !important;
}
ahora quiero que al darle a un boton o con un activador ejecute una funcion que cambie el "35px !important" por un 350px !important (el valor numerico será una variable que cambiará)
he probado con
const items = document.getElementsByClassName("toast");
console.log(items);
document.querySelector(".toast").style.top = "350";
// document.querySelector(".toast").style.top = "350px !important";
Materialize.toast('Cambios guardados.', 9000, 'rounded')
(el meterialize.toast es para que me aparezca un toast ya con la posicion cambiada)
"350"
prueba"350px"
. Y toast necesitaposition: absolute
!important
de tu CSS, y mira a ver si te funciona con350px
. Creo que elimportant
del CSS está cogiendo prioridad sobre el nuevo valor y entonces no cambia.