手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript改变CSS样式(局部和全局)
Javascript改变CSS样式(局部和全局)
摘要:一、局部改变样式有三种方法:直接改变样式、改变className和改变cssText改变className:document.getElem...

一、局部改变样式

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

复制代码 代码如下:

<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />

调用时很简单,如

复制代码 代码如下:

<span>点我改变样式</span>

【Javascript改变CSS样式(局部和全局)】相关文章:

Web开发必知Javascript技巧大全

javascript组合使用构造函数模式和原型模式实例

javascript实现动态改变层大小的方法

javascript小技巧 超强推荐第1/5页

javascript动态设置样式style实例分析

JavaScript实现鼠标点击后层展开效果的方法

Javascript生成全局唯一标识符(GUID,UUID)的方法

JavaScript中Math.SQRT2属性的使用详解

JavaScript调试技巧

浅谈javascript中for in 和 for each in的区别

精品推荐
分类导航