Javascript改变CSS样式(局部和全局)
更新时间：2013年12月18日 17:02:08 作者：
改变CSS样式分为局部和全局，下面为大家介绍下使用Javascript具体的实现，感兴趣的朋友可以参考下
一、局部改变样式
有三种方法：直接改变样式、改变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>
有三种方法：直接改变样式、改变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>
相关文章
这篇文章主要介绍了小程序跨页面交互的作用与方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
JavaScript动态操作表格实例(添加,删除行,列及单元格)
这篇文章主要是对JavaScript动态操作表格实例(添加,删除行,列及单元格)进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
众所周知,JSON.parse方法用于将一个json字符串转换成由字符串描述的 JavaScript 值或对象,本文主要为大家介绍了JSON.parse方法的使用,需要的可以参考下2024-04-04
这篇文章主要介绍了JS常用跨域方法实现原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-12-12
这篇文章主要介绍了CocosCreator的网络通信,内容不多，涉及到的细节，读者可以根据实际情况，自己去延申2021-04-04
这篇文章主要介绍了JavaScript实现多个重叠层点击切换效果的方法,实例分析了javascript实现点击切换效果的相关技巧,需要的朋友可以参考下2015-04-04
这篇文章给大家详细介绍了electron 如何获取位置坐标信息,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2024-02-02
在现代的前端开发中,API调用是实现前后端数据交互的重要环节,而在众多的HTTP库中,Axios以其简洁的语法、丰富的功能和易于扩展的特性,成为了开发者的首选,本篇文章将深入介绍Axios的使用方法,2024-11-11
这篇文章通过实例代码给大家介绍了微信小程序实现滚动加载更多，给大家提供了完整代码,需要的朋友可以参考下2019-12-12
获取元素和鼠标的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），该功能是我一同事钻研出来的，目标是为了实现与QQ自定义布局和拖放模块类似的功能。2009-12-12
最新评论