javascript - 向使用 JavaScript 添加的元素添加 CSS 规则

Question

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

建议？

编辑：伙计们/女孩们，我真的很抱歉。我刚刚意识到我将一个一次性类更改为一个我没有在我的 CSS 文件中更改的 ID。谢谢@杰夫

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');