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

Question

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

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

Answer 1

classList只是一个访问元素类的便捷API。见enter link description here。

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