Javascript 从数组中设置属性

Question

我有一个包含类的 CSS 文件和一个数组，这些类存储如下:

myArray[0] = myClass1
myArray[1] = myClass2
// etc...

我尝试了多种方法，并搜索了如何将 setAttribute() 类设置为存储在数组中的类的答案。基本上我需要做的是:

myElement.setAttribute("class",myClass1);

但我不知道怎么做。

除了在 "" 中输入 className 之外的任何操作都不起作用。基本上我拥有的是一个数组和一个带有数组中随机 className 的变量。我想使用 setAttribute() 将 className 设置为该变量。

Answer 1

从注释中，您说您想从数组中分配一个值。很简单:

var myClasses = [];
myClasses[0] = "myClass1";
myClasses[1] = "myClass2";

myElement.className = myClasses[1];

使用 setAttribute 设置 CSS 类并不简单，因为存在浏览器怪癖。使用 .className 适用于所有浏览器。如果不是，您必须进行一些精彩的嗅探来确定 setAttribute 是否与 class 或 className 一起使用，否则您将像下面这样加倍。

var myClasses = [];
myClasses[0] = "myClass1";
myClasses[1] = "myClass2";

myElement.setAttribute("class", myClasses[1]);
myElement.setAttribute("className", myClasses[1]);