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

JavaScript常用全局属性与方法记录积累

Jul 03 Javascript

深入理解JavaScript系列（37）：设计模式之享元模式详解

Mar 04 Javascript

jQuery实现可用于博客的动态滑动菜单完整实例

Sep 17 Javascript

JavaScript中利用各种循环进行遍历的方式总结

Nov 10 Javascript

AngularJS 入门教程之事件处理器详解

Aug 19 Javascript

AngularJS 应用身份认证的技巧总结

Nov 07 Javascript

教你一步步用jQyery实现轮播器

Dec 18 Javascript

jQuery选择器中的特殊符号处理方法

Sep 08 jQuery

微信小程序表单验证功能完整实例

Dec 01 Javascript

vue使用自定义icon图标的方法

May 14 Javascript

通过实例解析js简易模块加载器

Jun 17 Javascript

extjs图形绘制之饼图实现方法分析

Mar 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

桌面中心(二)数据库写入

2006/10/09 PHP

PHP 获取MSN好友列表的代码(2009-05-14测试通过)

2009/09/09 PHP

php生成随机数的三种方法

2014/09/10 PHP

用 Javascript 验证表单(form)中的单选(radio)值

2009/09/08 Javascript

javascript 密码强度验证规则、打分、验证（给出前端代码，后端代码可根据强度规则翻译）

2010/05/18 Javascript

js全屏显示显示代码的三种方法

2013/11/11 Javascript

Javscript删除数组中指定元素并返回新数组

2014/03/06 Javascript

extJS中常用的4种Ajax异步提交方式

2014/03/07 Javascript

jquery自定义表格样式

2015/11/23 Javascript

浅析BootStrap模态框的使用(经典)

2016/04/29 Javascript

JavaScript中子对象访问父对象的方式详解

2016/09/01 Javascript

JS基于正则截取替换特定字符之间字符串操作示例

2017/02/03 Javascript

jquery 手势密码插件

2017/03/17 Javascript

vue.js实现含搜索的多种复选框（附源码）

2017/03/23 Javascript

利用ES6的Promise.all实现至少请求多长时间的实例

2017/08/28 Javascript

基于canvas粒子系统的构建详解

2017/08/31 Javascript

微信小程序的部署方法步骤

2018/09/04 Javascript

vue-vuex中使用commit提交mutation来修改state的方法详解

2018/09/16 Javascript

redux处理异步action解决方案

2020/03/22 Javascript

Python中动态创建类实例的方法

2017/03/24 Python

Python输出\u编码将其转换成中文的实例

2018/12/15 Python

TensorFlow卷积神经网络之使用训练好的模型识别猫狗图片

2019/03/14 Python

python利用JMeter测试Tornado的多线程

2020/01/12 Python

Python切片列表字符串如何实现切换

2020/08/06 Python

Python JSON常用编解码方法代码实例

2020/09/05 Python

详解python中的闭包

2020/09/07 Python

用Python自动清理电脑内重复文件,只要10行代码(自动脚本)

2021/01/09 Python

摩顿布朗英国官方网上商店：奢华沐浴、身体和头发护理

2016/10/29 全球购物

世界第一曲奇连锁店：Mrs. Fields Cookies

2017/02/04 全球购物

美国知名的家庭连锁百货商店：Boscov’s

2017/07/27 全球购物

物业电工岗位职责

2013/11/20 职场文书

化工专业推荐信范文

2013/11/28 职场文书

机关作风整顿个人整改措施思想汇报

2014/09/29 职场文书

2015年乡镇人大工作总结

2015/04/22 职场文书

TensorFlow中tf.batch_matmul()的用法

2021/06/02 Python

NGINX 权限控制文件预览和下载的实现原理

2022/01/18 Servers