change css class through javascript code example

Example 1: change css variable with javascript

let root = document.documentElement;

root.addEventListener("mousemove", e => {
  root.style.setProperty('--mouse-x', e.clientX + "px");
  root.style.setProperty('--mouse-y', e.clientY + "px");
});

Example 2: how to change css using javascript

document.getElementById("myText").className = "anyNewClass"

Tags:

Html Example

Related