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

Jquery Change与bind事件代码

Sep 29 Javascript

JavaScript中创建类/对象的几种方法总结

Nov 29 Javascript

用JavaScript实现类似于ListBox功能示例代码

Mar 09 Javascript

jquery插件unobtrusive实现片段式加载

Jun 15 Javascript

JS更改select内option属性的方法

Oct 14 Javascript

微信小程序 icon组件详细及实例代码

Oct 25 Javascript

详解vue项目优化之按需加载组件-使用webpack require.ensure

Jun 13 Javascript

Vue中的v-for循环key属性注意事项小结

Aug 12 Javascript

vue里面v-bind和Props 利用props绑定动态数据的方法

Aug 27 Javascript

详解微信小程序框架wepy踩坑记录（与vue对比）

Mar 12 Javascript

使用axios请求时,发送formData请求的示例

Oct 29 Javascript

解决在Vue中使用axios用form表单出现的问题

Oct 30 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

一个简易需要注册的留言版程序

2006/10/09 PHP

php中通过虚代理实现延迟加载的实现代码

2011/06/10 PHP

PHP 抽象方法与抽象类abstract关键字介绍及应用

2014/10/16 PHP

ThinkPHP查询语句与关联查询用法实例

2014/11/01 PHP

PHP html_entity_decode()函数讲解

2019/02/25 PHP

浏览器页面区域大小的js获取方法

2013/09/21 Javascript

jQuery实现仿美橙互联两级导航菜单效果完整实例

2015/09/17 Javascript

JS实现可拖曳、可关闭的弹窗效果

2015/09/26 Javascript

jquery 实现轮播图详解及实例代码

2016/10/12 Javascript

基于jQuery实现照片墙自动播放特效

2017/01/12 Javascript

js推箱子小游戏步骤代码解析

2018/01/10 Javascript

create-react-app安装出错问题解决方法

2018/09/04 Javascript

解决vue单页面修改样式无法覆盖问题

2019/08/05 Javascript

vue 微信扫码登录(自定义样式)

2020/01/06 Javascript

微信小程序indexOf的替换方法(推荐)

2020/01/14 Javascript

JS创建自定义对象的六种方法总结

2020/12/15 Javascript

js制作提示框插件

2020/12/24 Javascript

[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

在Docker上部署Python的Flask框架的教程

2015/04/08 Python

python将txt文件读取为字典的示例

2018/12/22 Python

Python实现数据结构线性链表（单链表）算法示例

2019/05/04 Python

python画图把时间作为横坐标的方法

2019/07/07 Python

详解python with 上下文管理器

2020/09/02 Python

将n个数按输入顺序的逆序排列，用函数实现

2012/11/14 面试题

上海微创软件面试题

2012/06/14 面试题

sort命令的作用和用法

2012/11/04 面试题

护士个人简历自荐信

2013/10/18 职场文书

情侣吵架检讨书

2014/02/05 职场文书

大学秋游活动方案

2014/02/11 职场文书

英文求职信写作小建议

2014/02/16 职场文书

商铺消防安全责任书

2014/07/29 职场文书

教师党员批评与自我批评

2014/10/15 职场文书

招标保密承诺书

2015/01/20 职场文书

亮剑精神观后感

2015/06/05 职场文书

爱国主义电影观后感

2015/06/18 职场文书

数据库连接池

2021/04/06 MySQL