如何创建具有类类型的数组并更改 html id

How to make an array with class types and change the html ids?

本文关键字：数组 id html 类型 何创建 创建      更新时间：2023-09-26

我想将#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>

您可以设置属性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];
}

请注意，如果 id 中的元素太少，这将中断。为了避免这种情况，您可以添加检查元素是否存在。

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