HTML JS动态设置CSS样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML JS动态设置CSS样式相关的知识,希望对你有一定的参考价值。

在一个网页中 80%的CSS样式都是通过JS来设置 有什么缺点吗?

我估么着缺点就是吃饱了撑的,没事就别用js设置CSS,还有啊一般来说,修改少量CSS可以直接修改就是document.getElementById('id').style.color="#f00";大量修改是改变元素的class名称来实现的。 参考技术A   推荐使用js的经典第三方库jQuery,调用方便,代码精简:
  jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:
  $("p").css("background-color")

  下面的例子将设置所有匹配到元素的 background-color 为红色:

  $("p").css("background-color","red")

以上是关于HTML JS动态设置CSS样式的主要内容,如果未能解决你的问题,请参考以下文章

JS 动态修改CSS 样式方法/全局

js动态改变样式属性(style属性)

使页面元素始终靠屏幕的右边,是使JS还是用CSS样式设置

js怎么删除css的行内样式

动态生成的HTML标签样式问题

js怎么设置css后缀