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

拖动Html元素集合 Drag and Drop any item

Dec 22 Javascript

Google Map API更新实现用户自定义标注坐标

Jul 29 Javascript

对xmlHttp对象方法和属性的理解

Jan 17 Javascript

单击某一段文字改写文本颜色

Jun 06 Javascript

15款jQuery分布引导插件分享

Feb 04 Javascript

javascript特效实现——当前时间和倒计时效果的简单实例

Jul 20 Javascript

JS中页面与页面之间超链接跳转中文乱码问题的解决办法

Dec 15 Javascript

解决ionic和angular上拉加载的问题

Aug 03 Javascript

this在vue和小程序中的使用详解

Jan 28 Javascript

Vue Router 实现动态路由和常见问题及解决方法

Mar 06 Javascript

简单了解Vue computed属性及watch区别

Jul 10 Javascript

js实现搜索提示框效果

Sep 05 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字符转义相关函数小结(php下的转义字符串)

2007/04/12 PHP

基于ubuntu下nginx+php+mysql安装配置的具体操作步骤

2013/04/28 PHP

再谈javascript图片预加载技术(详细演示)

2011/03/12 Javascript

javascript权威指南学习笔记之javascript数据类型

2011/09/24 Javascript

让你的博客飘雪花超出屏幕依然看得见

2013/01/04 Javascript

动态读取JSON解析键值对的方法

2014/06/03 Javascript

node.js中的fs.truncate方法使用说明

2014/12/15 Javascript

jquery实现倒计时功能

2015/12/28 Javascript

JS组件Bootstrap Table使用实例分享

2016/05/30 Javascript

Angular Module声明和获取重载实例代码

2016/09/14 Javascript

浅谈EasyUI常用控件的禁用方法

2016/11/09 Javascript

JavaScript 实现 Tab 点击切换实例代码

2017/03/25 Javascript

js导出Excel表格超出26位英文字符的解决方法ES6

2017/11/15 Javascript

Vue2.0中集成UEditor富文本编辑器的方法

2018/03/03 Javascript

js中apply()和call()的区别与用法实例分析

2018/08/14 Javascript

解决微信小程序防止无法回到主页的问题

2018/09/28 Javascript

3分钟读懂移动端rem使用方法(推荐)

2019/05/06 Javascript

layui实现多图片上传并限制上传的图片数量

2019/09/26 Javascript

vue input标签通用指令校验的实现

2019/11/05 Javascript

Python获取系统默认字符编码的方法

2015/06/04 Python

使用python实现tcp自动重连

2017/07/02 Python

python使用turtle库与random库绘制雪花

2018/06/22 Python

Python实现截取PDF文件中的几页代码实例

2019/03/11 Python

详解python执行shell脚本创建用户及相关操作

2019/04/11 Python

python对XML文件的操作实现代码

2020/03/27 Python

利用Python实现某OA系统的自动定位功能

2020/05/27 Python

Python变量格式化输出实现原理解析

2020/08/06 Python

Godiva巧克力英国官网：比利时歌帝梵巧克力

2018/08/28 全球购物

英国礼品和生活方式品牌：Treat Republic

2020/11/21 全球购物

春节联欢晚会主持词

2014/03/24 职场文书

环保倡议书400字

2014/05/15 职场文书

关于责任的演讲稿

2014/05/20 职场文书

新党章心得体会

2014/09/04 职场文书

二手车转让协议书

2015/01/29 职场文书

付款证明格式范文

2015/06/19 职场文书

毕业典礼致辞

2015/07/29 职场文书