Javascript 如何使用类类型创建数组并更改html ID？

我想将

#changecolor1，2，3，4…

更改为“类”，并使用类值1 2 3 4。 如何使用数组执行此操作

我试过：

<script>
    var color=["text-pink","text-pink4","text-pink9"];

    var y= document.createAttribute("class");
    y.value=(color[0])     
    var x = document.getElementById("changecolor");
    x.setAttributeNode(y);
</script>

var color=[“文本粉红”、“文本粉红4”、“文本粉红9”]；
var y=document.createAttribute（“类”）；
y、 值=（颜色[0]）
var x=document.getElementById（“changecolor”）；
x、 setAttributeNode（y）；

您可以设置属性

className

document.getElementById("changecolor").className = color[0];

如果您有多个元素-如果我从

#changecolor1

开始就理解它，那么您可以使用循环

for (var i = 0; i<color.length;i++) {
    var x = i + 1;
    document.getElementById('changecolor' + x).className = color[i];
}

（变量i=0；i）的

for (var i = 0; i<color.length;i++) {
    var x = i + 1;
    var el = document.getElementById('changecolor' + x);
    if (el) el.className = color[i];
}