將CSS樣式應用於動態創建的DIV

Question

我成功地動態創建了一個div。 但是我想知道是否有一種方法可以直接應用CSS樣式，而不是使用Javascript逐一應用樣式。

Answer 1

演示場

您應該使用className屬性：

divTag.className = "divdrag";

div現在具有適當的類名稱，您只需要將所有樣式添加到該CSS類。

更多信息在這里

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";
}