在编程创建的div上应用css规则

mis*_*312 0 html javascript css xml

我有一个实时创建新div的网站(使用JS).每个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);
}
Run Code Online (Sandbox Code Playgroud)

CSS:

.conv {
  background-color:#CCC;
}
Run Code Online (Sandbox Code Playgroud)

jca*_*ron 5

classHTML元素的属性是一种特殊情况,它不是class属性.那个可通过className以下方式访问:

div.className="conv";
Run Code Online (Sandbox Code Playgroud)