编程 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提升性能最佳实践小结

Dec 06 Javascript

javascript 回到顶部效果的实现代码

Feb 17 Javascript

jQuery中html()方法用法实例

Dec 25 Javascript

jquery实现submit提交表单

Feb 03 Javascript

$.browser.msie 为空或不是对象问题的多种解决方法

Mar 19 Javascript

JS实现按钮控制计时开始和停止功能

Jul 27 Javascript

深入研究jQuery图片懒加载 lazyload.js使用方法

Aug 16 jQuery

Angular4 组件通讯方法大全(推荐)

Jul 12 Javascript

生产制造追溯系统之再说条码打印

Jun 03 Javascript

layui自定义工具栏的方法

Sep 19 Javascript

vue实现文字加密功能

Sep 27 Javascript

vue项目打包之开发环境和部署环境的实现

Apr 23 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

广播爱好者需要了解的天线知识

2021/03/01 无线电

QueryPath PHP 中的jQuery

2010/04/11 PHP

基于PHP5魔术常量与魔术方法的详解

2013/06/13 PHP

PHP+MYSQL中文乱码问题

2015/07/01 PHP

php7 参数、整形及字符串处理机制修改实例分析

2020/05/25 PHP

Array.slice()与Array.splice()的返回值类型

2006/10/09 Javascript

关于this和self的使用说明

2010/08/01 Javascript

jQuery UI Datepicker length为空或不是对象错误的解决方法

2010/12/19 Javascript

登陆成功后自动计算秒数执行跳转

2014/01/23 Javascript

在Ubuntu系统上安装Ghost博客平台的教程

2015/06/17 Javascript

DeviceOne 让你一见钟情的App快速开发平台

2016/02/17 Javascript

JS判断浏览器是否安装flash插件的简单方法

2016/09/13 Javascript

BootStrap网页中代码显示用法详解

2016/10/21 Javascript

探讨跨域请求资源的几种方式（总结）

2016/12/02 Javascript

基于js实现的限制文本框只可以输入数字

2016/12/05 Javascript

Node.js Express 框架 POST方法详解

2017/01/23 Javascript

使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码

2017/10/20 Javascript

使用vue根据状态添加列表数据和删除列表数据的实例

2018/09/29 Javascript

微信小程序iOS下拉白屏晃动问题解决方案

2019/10/12 Javascript

简单了解three.js 着色器材质

2020/08/03 Javascript

[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局

2016/03/03 DOTA

[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局

2016/03/06 DOTA

python连接mongodb操作数据示例(mongodb数据库配置类)

2013/12/31 Python

Python中index()和seek()的用法(详解)

2017/04/27 Python

Python文本统计功能之西游记用字统计操作示例

2018/05/07 Python

对python numpy.array插入一行或一列的方法详解

2019/01/29 Python

python 实现提取某个索引中某个时间段的数据方法

2019/02/01 Python

python定时复制远程文件夹中所有文件

2019/04/30 Python

Django中自定义查询对象的具体使用

2019/10/13 Python

Django实现基于类的分页功能

2019/10/31 Python

python能自学吗

2020/06/18 Python

巴西手表购物网站：eclock

2019/03/19 全球购物

打架检讨书100字

2014/01/08 职场文书

律师授权委托书范本

2014/10/07 职场文书

银行先进个人总结

2015/02/15 职场文书

办公室规章制度范本

2015/08/04 职场文书