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

时间：2021-11-14 06:03 编辑：来源：阅读：
扫一扫，手机访问

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

[b]一、局部改变样式[/b] 有三种方法：直接改变样式、改变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″ [b]二、全局改变样式[/b] 通过改变外链样式的的href的值实现网页样式的实时切换，也就是"改变模板风格"。首先需要赋予需要改变的目标一个id，如

[url=firefox.css]

调用时很简单，如

[u]复制代码[/u][/url] 代码如下:

<span onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>

全部评论(0)

上一篇：JavaScript中的无阻塞加载性能优化方案
下一篇：基于javascript、ajax、memcache和PHP实现的简易在线聊天室