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

标签 javascript css

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

例如,this post解释了如何从外部样式表完成更改样式。但是,这个过程似乎比内联更改要复杂得多,而且还提到可能存在跨浏览器问题。然而,这篇文章可能已经过时了(它已经 3 岁了,其中一条评论说它已经 4 岁了)。还有另一种更新的方法吗?

我问这个是因为我试图让我的 HTML 和 CSS 完全分开。
但是,就代码的易读性和性能而言,简单地指定我想要内联更改的样式而不是在外部样式表上是否更简单?
关于这个问题有什么最佳实践吗?

最佳答案

当使用 Javascript 临时访问或修改元素的样式时,该样式是内联定义还是在 css 中定义没有区别 - 您将获得优先应用的样式,并且 Javascript 更改将覆盖任何已声明的样式。

但是,一般的最佳做法是有一个单独的样式表(如果您打算为 IE9 及更低版本使用条件样式表,或者将大量样式拆分为可管理的 block ,则可能有多个样式表)

这种方法在实时调试和更改样式时不那么复杂。

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

关于javascript - 使用 JS 更改内联样式与更改外部样式表样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23030167/

相关文章:

html - 如何自定义 django-uni-form 样式的表单?

css - 在移动设备上滚动下拉菜单不起作用

html - 图标没有嵌入到搜索栏中并且位于 div 之外

javascript - TypeError 模拟快速响应对象

javascript - d3.js 双击不释放节点

javascript - Socket.io-client - TypeError : socket_io_client_1. 默认不是函数

javascript - 改善幻灯片效果

javascript - 无法使禁用按钮工作

javascript - 如何使用javascript读取本地xml文件?

html - <table> 上的垂直对齐稍微偏离中心......知道为什么吗?