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

我成功地动态创建了一个div。

---

但我想知道是否有一种方法可以直接应用CSS样式，而不是使用Javascript逐个应用样式。

使用

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

您应该使用

className

属性：

divTag.className=“divdrag”

div
现在具有适当的类名，您只需将所有样式添加到该CSS类中即可

不起作用，我在css文件中有.divdrag，在其他文件中有Javascript函数，我需要做其他事情吗？？对不起，我是新手，你有3个独立的文件-1个CSS，1个HTML和1个Javascript？愚蠢的问题，但你是否在HTML页面中包含CSS文件的链接？是的，我有3个单独的文件，我在HTML页面中包含了CSS和Javscript文件链接。你是否调用了
createDiv
函数？请检查我刚才添加的演示小提琴。为了测试的目的，我对你的CSS做了一点修改，但对我来说似乎很好。非常感谢，它工作得非常完美：）最后一个问题是，在动态创建的div中添加按钮或文本区域吗？它工作得很好，但如果需要进行大量的样式设置，它仍然会变得非常繁忙。还有别的办法吗？？感谢在创建div的过程中附加paritcular id，并基于该id编写纯css，这意味着只有当id可用时才会应用css。请查看您的答案。感谢它现在正在工作的帮助，还有一个小问题要问，如何在动态创建的div中添加按钮或texarea？？谢谢如果您想将
文本区域
或
按钮
放入动态创建的div，那么您必须通过创建或获取来附加这些标记。
divTag.className += "divdrag";

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