Javascript改变CSS样式(局部和全局)

改变CSS样式分为局部和全局,下面为大家介绍下使用Javascript具体的实现,感兴趣的朋友可以参考下

一、局部改变样式

有三种方法:直接改变样式、改变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,如
复制代码 代码如下:



调用时很简单,如
复制代码 代码如下:

点我改变样式

以上就是Javascript改变CSS样式(局部和全局)的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程