使用Java脚本更改类值 [英] Change Class value With Javascript
本文介绍了使用Java脚本更改类值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想要一个按钮来将布局从宽更改为盒装,从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屋!
查看全文