Change Class value With Javascript [duplicate]

问题

This question already has answers here:

How can I change an element's class with JavaScript? (32 answers)

Closed 2 years ago.

I want to make a button to change layout from wide to boxed, from class="container" to class="container-fluid", is it possible to change them by Javascript? If yes, how can i do that?

回答1:

Use document.getElementById("myEle").className to change the class. The classes in below code simply have the background colors. You can put your own css in place of them.

function changeClass(){
  document.getElementById("myEle").className = "container-fluid";
}

<style>
.container{
  background: yellow;
}
.container-fluid{
  background: red;
}
</style>
<div class="container" id="myEle">Hello World</div>
<button onClick="changeClass()">Change class</button>

来源：https://stackoverflow.com/questions/51430300/change-class-value-with-javascript