我一直在编辑javascript中dom元素的CSS。是否有一个好的模式可以遵循，不允许'；CSS'；要在我的javascript中编写？

当某些事件发生时，我的网站会更改某些DOM元素的CSS，但我发现在静态CSS文件和javascript文件中都有CSS是很讨厌的。有没有一个好的模型可以让我在javascript代码中不使用显式CSS的情况下更改javascript中元素的CSS

目前我使用的电话如下：

$domElement.css ('cssProperty', 'cssValue');

在我的javascript代码中，但我不想这样做，因为CSS信息应该在它自己的文件中

我有什么好的选择

---

谢谢你的帮助

一个选项是在CSS文件中定义不同的类，然后改为这样做

$domElement.addClass("theclassname");

---

当然，如果您正在动态生成示例的

'cssValue'

部分，那么您无法提前指定CSS，因此您别无选择，只能像当前一样直接使用JavaScript对其进行修改。

很难从这样一个通用的示例中分辨出来。你想最终完成什么？也许你需要的是CSS类。我只是想寻找一种方法来减少我通过javascript设置CSS的次数。我确实认为，在大多数情况下，根据选择来选择班级是一个好主意。虽然我认为这会使我的CSS变得更长。addClass会删除它以前的类吗？不会，它只是在已经存在的类上添加了另一个类。因此，如果它有一个“foo”类，而您有.addClass（“bar”），那么它将同时有“foo”和“bar”类。在执行.addClass（）之前，您可以使用.removeClass（）从元素中删除所有当前类，或者如果您知道类“foo”当前有哪些类，也可以使用.removeClass（“foo”）删除类“foo”等。