javascript - 我一直在我的 javascript 中编辑 dom 元素的 CSS。是否有一个好的模型可以遵循，不允许在我的 javascript 中编写“CSS”？

Question

当某些事件发生时，我的网站会更改某些 DOM 元素的 CSS，但我发现在我的静态 CSS 文件和我的 javascript 文件中都有 CSS 很糟糕。有没有一个我可以坚持的好模型，它允许我更改 javascript 中元素的 CSS，而我的 javascript 代码中没有明确的 CSS？

目前我正在使用如下调用：

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

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

我有什么好的选择？

我很感激任何帮助！

Answer 1

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

$domElement.addClass("theclassname");

当然，如果您要'cssValue'动态生成示例的一部分，那么您无法提前指定 CSS，因此您别无选择，只能像当前一样直接使用 JavaScript 对其进行修改。