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

时间:2014-06-27 13:51:09

标签: javascript html 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);
}

CSS:

.conv {
  background-color:#CCC;
}

1 个答案:

答案 0 :(得分:5)

HTML元素的class属性是一种特殊情况,它不是class属性。可以通过className访问该文件:

div.className="conv";