编程 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 相关文章推荐

DIV菜单层实现代码

Nov 19 Javascript

为jQuery添加Webkit的触摸的方法分享

Feb 02 Javascript

input禁止键盘及中文输入,但可以点击

Feb 13 Javascript

有关jQuery中parent()和siblings()的小问题

Jun 01 Javascript

Bootstrap php制作动态分页标签

Dec 23 Javascript

使用BootStrap实现标签切换原理解析

Mar 14 Javascript

js实现点击切换checkbox背景图片的简单实例

May 08 Javascript

vue修改vue项目运行端口号的方法

Aug 04 Javascript

[js高手之路]单例模式实现模态框的示例

Sep 01 Javascript

微信小程序框架wepy之动态控制类名

Sep 14 Javascript

微信小程序中如何使用flyio封装网络请求

Jul 03 Javascript

Vue学习之axios的使用方法实例分析

Jan 06 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

You might like

PHP查询大量数据内存耗尽问题的解决方法

2016/10/28 PHP

JS图片预加载 JS实现图片预加载应用

2012/12/03 Javascript

js+div实现图片滚动效果代码

2014/02/10 Javascript

如何判断微信内置浏览器(通过User Agent实现)

2014/09/01 Javascript

JavaScript严格模式详解

2015/11/18 Javascript

easyui window refresh 刷新两次的解决方法(推荐)

2016/05/18 Javascript

微信小程序框架详解及实例应用

2016/09/26 Javascript

关于webuploader插件使用过程遇到的小问题

2016/11/07 Javascript

JS设置手机验证码60s等待实现代码

2017/06/14 Javascript

vue2中filter()的实现代码

2017/07/09 Javascript

JavaScript自执行函数和jQuery扩展方法详解

2017/10/27 jQuery

vue将毫秒数转化为正常日期格式的实例

2018/09/16 Javascript

js+cavans实现图片滑块验证

2020/09/29 Javascript

python求解水仙花数的方法

2015/05/11 Python

Python基于pygame实现图片代替鼠标移动效果

2015/11/11 Python

django的登录注册系统的示例代码

2018/05/14 Python

pytorch使用Variable实现线性回归

2019/05/21 Python

对python while循环和双重循环的实例详解

2019/08/23 Python

Python 通过截图匹配原图中的位置(opencv)实例

2019/08/27 Python

Python FFT合成波形的实例

2019/12/04 Python

欧洲第一中国智能手机和平板电脑网上商店：CECT-SHOP

2018/01/08 全球购物

荷兰包包购物网站：The Little Green Bag

2018/03/17 全球购物

M.M.LaFleur官网：美国职业女装品牌

2020/10/27 全球购物

*p++ 自增p 还是p所指向的变量

2016/07/16 面试题

高中毕业自我鉴定

2013/12/13 职场文书

小学生感恩演讲稿

2014/04/25 职场文书

影视广告专业求职信

2014/09/02 职场文书

小学生竞选班干部演讲稿（5篇）

2014/09/12 职场文书

信用卡工作证明模板

2014/09/14 职场文书

初中教师德育工作总结2015

2015/05/12 职场文书

学历证明范文

2015/06/16 职场文书

办公室主任岗位竞聘书

2015/09/15 职场文书

立秋之描写立秋的作文（五年级）

2019/08/08 职场文书

CSS实现多个元素在盒子内两端对齐效果

2021/03/30 HTML / CSS

mysql配置SSL证书登录的实现

2021/09/04 MySQL

浅谈Redis缓冲区机制

2022/06/05 Redis