使用Javascript更改类值

使用Javascript更改类值,javascript,html,bootstrap-4,Javascript,Html,Bootstrap 4,我想制作一个按钮,将布局从宽更改为盒式,从class=“container”更改为class=“container fluid”,是否可以通过Javascript更改它们?如果是,我怎么做?使用document.getElementById(“myEle”).className更改类。下面代码中的类仅具有背景色。你可以用你自己的css来代替它们 函数changeClass(){ document.getElementById(“myEle”).className=“容器流体”; } .集装箱

我想制作一个按钮,将布局从宽更改为盒式,从
class=“container”
更改为
class=“container fluid”
,是否可以通过Javascript更改它们?如果是,我怎么做?

使用
document.getElementById(“myEle”).className
更改类。下面代码中的类仅具有背景色。你可以用你自己的css来代替它们

函数changeClass(){
document.getElementById(“myEle”).className=“容器流体”;
}

.集装箱{
背景:黄色;
}
.容器液体{
背景:红色;
}
你好,世界

更改类
Yes,这是完全可能的。我该怎么做?一个事件侦听器、一些查询选择器和
元素。类名
很常见。尝试在类之间切换搜索。您将发现许多示例
var ctr=document.querySelector('.container');var classnames=ctr.className;ctr.className=ctr.className.replace('container','container fluid')
它可以工作!谢谢将它标记为已接受,这将有助于其他人。我做到了。谢谢,