js添加css样式(js可以嵌套css的东西吗)

  大家都知道在JavaScript原生操作中获取元素的样式,在实际操作是使用时比较频繁的一件事,这里像大家介绍下获取css样式的方法,希望可以帮助一些需要的人,如果有幸被大牛看到,有更好的办法,欢迎提出!!!

image.png

  javascript改变CSS样式分为局部和全局,分别如下:

  一、局部改变样式

  有三种方法:直接改变样式、改变className和改变cssText

  改变className: document.getElementById('obj').className="…"    改变cssText:document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";    改变直接样式: document.getElementById('obj').style.backgroundColor="#003366″

  二、全局改变样式

  通过改变外链样式的的href的值实现网页样式的实时切换,也就是"改变模板风格"。

  首先需要赋予需要改变的目标一个id,如  代码如下:

  调用时很简单,如  代码如下:  点我改变样式


发表评论

评论列表

还没有评论,快来说点什么吧~