将CSS样式应用于动态创建的DIV

Question

我成功地动态创建了一个div。 但我想知道有没有办法直接应用CSS样式，而不是使用Javascript逐个应用样式。

Answer 1

<强> DEMO FIDDLE

您应该使用className属性：

divTag.className = "divdrag";

div现在具有相应的类名，您只需要将所有样式添加到该CSS类中。

More info here

Answer 2

使用cssText将多个css应用于创建的动态div。

divTag.style.cssText="align:center; border:1px solid #ccc; margin-top:20px; margin-bottom:20px;";

<强>更新

或者使用基于div1 id

的简单css

#div1{
    align:center;
    border:1px solid #ccc;
    margin-top:20px;
    margin-bottom:2px;
}

请注意，您应该通过

创建ID

divTag.id = "div1";

Answer 3

添加

divTag.classList.add("divdrag");

或

divTag.className += "divdrag";

Answer 4

你用这个设置类..

if (divTag.classList) {
  el.classList.add("divdrag");
}
else {
  divTag.className += ' ' + "divdrag";
}