Javascript 具有动态页面与静态加载页面的CSS类

我现在正在开发一个web应用程序，它需要执行大量的绘图和客户端操作。我在具有特定CSS类和样式属性的“div”元素中使用内联SVG。当我在静态页面中加载这些div时，它们加载良好，一切都按预期运行。但是，当我用jQuery从字符串中解析它们并将它们添加到DOM中时，它们不会。这就像CSS类被完全忽略一样

---

当我在Firebug中检查不同情况下的元素时，我得到了一个意外的结果：静态添加的元素具有预期的类名：“class1 class2 class3”，动态生成的元素也是如此。但是，静态生成的元素也有一个“classList”属性，它是一个包含3个元素的数组：“class1”、“class2”和“class3”。对于动态生成的元素，此属性为null。静态生成的元素可以很好地与CSS配合使用（获取所有悬停、可拖动等），而动态生成的元素看起来根本没有应用CSS。有人能解释一下什么是“类列表”，它为什么存在，以及元素之间为什么存在这种差异吗？

类列表只是一个访问元素类的方便API。看

---

但是，我不知道为什么您的动态内容在这里有一个空值，但有一个正确的类名条目。

classList是一个方便的属性：无论如何，您可以发布一个jQuery动态代码的示例，您可以看到这种情况发生？JSFIDLE.net演示会很棒。另外，如果您使用“div.classList.add（“someclass”），它应该成功地将一个类添加到该div中。该div也是动态生成的，还是可以在页面上静态地保留这些div作为占位符，然后使用“添加”例程？