使用Java脚本更改类值 [英] Change Class value With Javascript

问题描述

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

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?

推荐答案

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

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>

这篇关于使用Java脚本更改类值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！