我成功地动态创建了一个div。但我想知道有没有办法直接应用CSS样式,而不是使用Javascript逐个应用样式。
您应该使用className
属性:
divTag.className = "divdrag";
div
现在具有相应的类名,您只需要将所有样式添加到该CSS类中。
加
divTag.classList.add("divdrag");
要么
divTag.className += "divdrag";
使用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";
你用这个设置类..
if (divTag.classList) {
el.classList.add("divdrag");
}
else {
divTag.className += ' ' + "divdrag";
}