使用 Javascript 在 HTML 中内联更改样式的特定位或从外部样式表更改它有什么好处?
例如,this post解释了如何从外部样式表完成更改样式。但是,这个过程似乎比内联更改要复杂得多,而且还提到可能存在跨浏览器问题。然而,这篇文章可能已经过时了(它已经 3 岁了,其中一条评论说它已经 4 岁了)。还有另一种更新的方法吗?
我问这个是因为我试图让我的 HTML 和 CSS 完全分开。
但是,就代码的易读性和性能而言,简单地指定我想要内联更改的样式而不是在外部样式表上是否更简单?
关于这个问题有什么最佳实践吗?
最佳答案
当使用 Javascript 临时访问或修改元素的样式时,该样式是内联定义还是在 css 中定义没有区别 - 您将获得优先应用的样式,并且 Javascript 更改将覆盖任何已声明的样式。
但是,一般的最佳做法是有一个单独的样式表(如果您打算为 IE9 及更低版本使用条件样式表,或者将大量样式拆分为可管理的 block ,则可能有多个样式表)
这种方法在实时调试和更改样式时不那么复杂。
使用外部样式表,您可以在几秒钟内通过放置一个新的 .css 文件来更改整个站点。你不能用内联样式来做到这一点。
关于javascript - 使用 JS 更改内联样式与更改外部样式表样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23030167/