Javascript 基于原始类名追加类

JavaScript是否可以为页面上具有特定类的每个元素添加额外的类

例如：

<div class="but-class">Button</div>

按钮

但是我想操纵它，这样它就添加了一个类（末尾有一个计数器）

（函数（）{
var元素；
//存储匹配元素的集合
elements=document.queryselectoral（“.but类”）；
//循环遍历附加新类的集合
对于（var i=0；i
.custom-class0{
颜色：绿色；
}
.定制1{
颜色：红色；
}
.定制类2{
颜色：蓝色；
}
.定制类3{
颜色：紫色；
}
按钮
按钮
按钮
按钮
（函数（）{
var元素；
//存储匹配元素的集合
elements=document.queryselectoral（“.but类”）；
//循环遍历附加新类的集合
对于（var i=0；i
.custom-class0{
颜色：绿色；
}
.定制1{
颜色：红色；
}
.定制类2{
颜色：蓝色；
}
.定制类3{
颜色：紫色；
}
按钮
按钮
按钮
按钮
要使其工作，您需要修改：元素[i].classList.add（'custom-class1'）；to:elements[i].classList.add（'custom-class'+i）；另外，
.classList
，尤其是在IE8和IE9中。可能要退回到：
elements[i]。className=elements[i]。className+“custom class”+i我错过了关于counter@uʍopǝpısdn：（上下放下我的显示器）计数器部分是在编辑之后引入的，我想知道它也是从哪里来的+1迈克尔指出了这一点：）要使其起作用，您需要修改：elements[i].classList.add（'custom-class1'）；to:elements[i].classList.add（'custom-class'+i）；另外，
.classList
，尤其是在IE8和IE9中。可能要退回到：
elements[i]。className=elements[i]。className+“custom class”+i我错过了关于counter@uʍopǝpısdn：（上下放下我的显示器）计数器部分是在编辑之后引入的，我想知道它也是从哪里来的+1迈克尔指出了这一点：）
<div class="but-class custom-class1"></div>