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

取选中的radio的值

Jan 11 Javascript

点弹代码点击页面任何位置都可以弹出页面效果代码

Sep 17 Javascript

当json键为数字时的取值方法解析

Nov 15 Javascript

JS网页图片按比例自适应缩放实现方法

Jan 15 Javascript

js日期、星座的级联显示代码

Jan 23 Javascript

jquery ztree实现下拉树形框使用到了json数据

May 14 Javascript

jQuery调取jSon数据并展示的方法

Jan 29 Javascript

JavaScript实现瀑布流布局

Jun 28 Javascript

简单实现js页面切换功能

Jan 10 Javascript

Angular使用Md5加密的解决方法

Sep 16 Javascript

JS内部事件机制之单线程原理

Jul 02 Javascript

layui的布局和表格的渲染以及动态生成表格的方法

Sep 18 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 目录遍历、删除函数的使用介绍

2013/04/28 PHP

Codeigniter框架实现获取分页数据和总条数的方法

2014/12/05 PHP

浅谈laravel orm 中的一对多关系 hasMany

2019/10/21 PHP

JavaScript RegExp方法获取地址栏参数(面向对象)

2009/03/10 Javascript

JS应用正则表达式转换大小写示例

2014/09/18 Javascript

jQuery的几个我们必须了解的特点

2015/05/03 Javascript

JavaScript中标识符提升问题

2015/06/11 Javascript

理解javascript中的原型和原型链

2015/07/30 Javascript

js正则表达式验证邮件地址

2015/11/12 Javascript

jquery控制页面的展开和隐藏实现方法(推荐)

2016/10/15 Javascript

jQuery实现checkbox的简单操作

2017/11/18 jQuery

详解webpack的proxyTable无效的解决方案

2018/06/15 Javascript

对angularJs中自定义指令replace的属性详解

2018/10/09 Javascript

fastadmin中调用js的方法

2019/05/14 Javascript

基于JS判断对象是否是数组

2020/01/10 Javascript

javascript实现随机抽奖功能

2020/12/30 Javascript

详解python中的 is 操作符

2017/12/26 Python

python机器学习理论与实战（四）逻辑回归

2018/01/19 Python

python实现图书管理系统

2018/03/12 Python

解决pycharm界面不能显示中文的问题

2018/05/23 Python

python实现自动发送邮件

2018/06/20 Python

python文件选择对话框的操作方法

2019/06/27 Python

tensorflow自定义激活函数实例

2020/02/04 Python

安装pyecharts1.8.0版本后导入pyecharts模块绘图时报错: “所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 ”的解决方法

2020/08/18 Python

html5 canvas简单封装一个echarts实现不了的饼图

2018/06/12 HTML / CSS

Melijoe英国官网：法国儿童时尚网站

2016/11/18 全球购物

三严三实对照检查材料

2014/08/25 职场文书

四风问题对照检查材料

2014/09/22 职场文书

2014年安全工作总结范文

2014/11/13 职场文书

付款承诺函范文

2015/01/21 职场文书

孔庙导游词

2015/02/04 职场文书

休学证明范本

2015/06/19 职场文书

再读《皇帝的新衣》的读后感悟！

2019/08/07 职场文书

css3中2D转换之有趣的transform形变效果

2022/02/24 HTML / CSS

Dashboard管理Kubernetes集群与API访问配置

2022/04/01 Servers

Java多线程并发FutureTask使用详解

2022/06/28 Java/Android