编程 Javascript

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

Posted in Javascript onDecember 18, 2013

一、局部改变样式

有三种方法：直接改变样式、改变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 onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

抽出www.templatemonster.com的鼠标悬停加载大图模板的代码

Jul 11 Javascript

javascript 解析url的search方法

Feb 09 Javascript

jquery 淡入淡出效果的简单实现

Feb 07 Javascript

JS使用parseInt解析数字实现求和的方法

Aug 05 Javascript

jQuery Ajax 异步加载显示等待效果代码分享

Aug 01 Javascript

利用AngularJs实现京东首页轮播图效果

Sep 08 Javascript

JS三目运算(三元运算)方法详解

Mar 01 Javascript

Bootstrap表单控件学习使用

Mar 07 Javascript

12条写出高质量JS代码的方法

Jan 07 Javascript

详解vue 单页应用（spa）前端路由实现原理

Apr 04 Javascript

three.js利用射线Raycaster进行碰撞检测

Mar 12 Javascript

JS+CSS实现3D切割轮播图

Mar 21 Javascript

jquery 提示信息显示后自动消失的具体实现

Dec 18 #Javascript

javascript中数组的concat()方法使用介绍

Dec 18 #Javascript

javascript中数组的sort()方法的使用介绍

Dec 18 #Javascript

javascript中数组的冒泡排序使用示例

Dec 18 #Javascript

javascript中数组中求最大值示例代码

Dec 18 #Javascript

JS动态调用方法名示例介绍

Dec 18 #Javascript

javascript页面动态显示时间变化示例代码

Dec 18 #Javascript