相思资源网 Design By www.200059.com
一、局部改变样式
有三种方法：直接改变样式、改变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>
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无Javascript改变CSS样式(局部和全局)的评论...