将css规则应用于以编程方式创建的div

Question

我有一个网站（使用JS）实时创建新的div。 每个div的类均为“ conv”。 我的问题是，我为此类编写的css规则不适用于新的div。 conv.length是我正在使用的xml文件的长度。

JS：

for(i=0; i<conv.length;i++){
  var div= document.createElement("div");
  div.id="conv"+i;
  div.class= "conv";
  div.innerHTML=conv[i].childNodes[0].nodeValue;
  div.style.height="50px";
  div.style.overflow="hidden";
  document.getElementById("conv").appendChild(div);
}

CSS：

.conv {
  background-color:#CCC;
}

Answer 1

HTML元素的class属性是一种特殊情况，不是class属性。 可以通过className访问：

div.className="conv";