Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
440 views
in Technique[技术] by (71.8m points)

how to add remove class using pure javascript

I tried with this code but it not working for me

const element = document.getElementsByClassName("dropdown")[0];
    if(total < 15){
      element.classList.add("otherclass");
    }else{
      element.classList.remove("otherclass");
    }

throwing error for me

<div ClassName="dropdown">
</div>
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

To refer to the class attribute of an element via JavaScript, you need to use the className property.

const element = document.getElementsByClassName("dropdown")[0];
if(total < 15){
  element.className+=" otherclass"; // Space before the string when there are other classes present.
}else{
  element.className.replace("otherclass", "");
}

You could break your className string down, delimited by spaces, in to an array and then have more control over your classes, of course you'd have to implode them back in to a string before implementing it.

Although jQuery (among other DOM Management libraries) already offers this.

EDIT

Please see this JSFiddle for a working example...

https://jsfiddle.net/fq8jwLyx/


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...