Javascript 更改内联样式与使用JS更改外部样式表样式

更改HTML内联的特定样式位或使用Javascript从外部样式表更改它有什么好处

例如，解释如何从外部样式表更改样式。然而，这个过程似乎比内联更改要复杂得多，而且它还指出可能存在跨浏览器问题。然而，这篇文章可能已经过时了（已经3年了，其中一条评论说，即使在那时，它也已经4年了）。有没有其他更近期的方法

我这样问是因为我试图将HTML和CSS完全分开。
但是，就代码的易读性和性能而言，简单地内联而不是在外部样式表上指定要更改的样式是否更简单？

---

在这方面有什么最佳实践吗？

内联css没有任何好处，只是它会被赋予更大的重要性

外部css具有缓存的好处

但是，在渲染时，以下是所遵循的顺序

内联CSS样式比

中声明的样式更重要，而

中声明的样式比外部CSS中声明的样式更重要。档案

内联css甚至

都不是首选，这通常是一种不好的做法，因为额外的字节通过HTTP传输，不能像外部css文件那样缓存

---

使用javascript进行样式设置应仅限于添加类或删除类或隐藏并显示它们，以改善用户体验。

当使用javascript临时访问或修改元素样式时，无论该样式是内联定义的还是css中定义的，都没有区别——您将获得按优先级应用的样式，Javascript更改将覆盖任何声明的样式

然而，一般的最佳实践是有一个单独的样式表（如果您打算为IE9及以下版本提供有条件的样式表，或者将许多样式分成可管理的块，那么可能有几个样式表）

当涉及到实时调试和更改样式时，这种方法就不那么复杂了

---

使用外部样式表，您可以通过放置一个新的.css文件在几秒钟内更改整个站点。内联样式无法做到这一点。

您所说的“首选”是指您自己吗？或者这更像是一种普遍的做法？当涉及到维护时，外部样式表肯定有好处。我想他实际上是在问内联与外部的好处是什么——尽管不可否认，它的措辞有点含糊不清。我已经让这个问题不那么含糊了。@Starcream1984，是的。我再次更新了我的答案，以解决这些问题。你的更新毫无意义。你究竟为什么要使用javascript直接写入css文件或html内联样式代码？@Starcream1984如果你使用JS隐藏或显示子菜单，这不是直接修改样式代码吗？内联还是外部CSS？或者我看错了吗？如果你使用javascript DOM操作来隐藏、更改颜色，无论什么元素都可以-它不会将更改写入html或css代码，并且在页面刷新时也不会持久。对于这个明确的目的，没有区别。不过，我在回答中概述了将你的风格置于外部还有其他好处。我将对我的风格进行编辑，以便更直接地反映你问题的意图