将CSS规则添加到使用JavaScript添加的元素

Question

我正在使用JavaScript创建并添加li到ul。创建和添加元素是有效的;但是，元素没有采用我在外部文件中声明的CSS规则。当我用PHP显示服务器端的元素时，一切正常，但是当我使用Js时，CSS规则不适用。我不想在每个元素上使用.style，因为我有很多规则。

建议？

编辑：伙计们/加尔斯，我真的很抱歉。我刚刚意识到我将一次性使用的类改为一个我在CSS文件中没有改变的ID。谢谢@jeff

Answer 1

生成HTML的方法无关紧要。 CSS适用于所有元素，无论它们是否动态生成。因此，可以达到的逻辑结论是您从Javascript生成的HTML，并且PHP生成的HTML在某种程度上有所不同。

要确定HTML的不同之处，您可以使用Firebug等浏览器扩展来检查HTML。然后你就可以纠正可能出现的任何差异。

Answer 2

根据*你如何添加这些元素，你可以做两件事之一......

如果您使用innerHTML编写它们，只需将类声明添加为字符串的一部分......

innerHTML = "<li class='myLIClass'>";

如果你将它们作为元素直接添加到dom中，你可以像这样添加类：

myNewListItem.className = 'myLIClass';

或

myNewListItem.createAttribute('class','myLIClass')

Answer 3

创建元素时，只需执行

$('#newdiv').addClass('classname');