how to add class to element on mouseclick with js

Solutions on MaxInterview for how to add class to element on mouseclick with js by the best coders in the world

Search
showing results for - "how to add class to element on mouseclick with js"
Irene
07 Apr 2016
1// element.classList.add("newClass");
2// or
3// element.className += "newClass";
4
5// Example
6
7document.querySelector("button").onclick = function addNewClass() {
8  document.querySelector(".elementToChange").classList.add("newClass");
9}
similar questions
add css on click javascriptjs event div class addingclass onclick jqeryjavascript give class to elementadd onmouseover event in javascriptjavascript onclick event add html elementjavascript trigger button click using class namejavascript class click eventset onclick javascripthow to make a div appear when clicked on in javascriptadd active class onclick javascript
queries leading to this page
add and remove class in angular 6 examplescolor object in javascript or jqueryadd class to event mouse over javascripthow to add class to element on mouseclick with jsadd onclick to class javascriptusing arrow function to delete in jshow to add an event for every element selected in javascriptadding style sheet to react component from 7 in 1 patternhow to add class to element on mouseclick with js