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

问题描述 投票:-1回答:4

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

javascript css
4个回答
3
投票

DEMO FIDDLE

您应该使用className属性:

divTag.className = "divdrag";

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

More info here


0
投票

divTag.classList.add("divdrag");

要么

divTag.className += "divdrag";

0
投票

使用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";

0
投票

你用这个设置类..

if (divTag.classList) {
  el.classList.add("divdrag");
}
else {
  divTag.className += ' ' + "divdrag";
}
© www.soinside.com 2019 - 2024. All rights reserved.