Question

我要创建一个按钮，以将布局从宽更改为盒装，从class="container"更改为class="container-fluid"，是否可以通过Javascript更改它们？如果是，我该怎么办？

Answer 1

使用document.getElementById("myEle").className更改类。以下代码中的类仅具有背景色。您可以将自己的CSS代替它们。

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>

使用Java脚本更改类值

1 个答案: