Javascript改变CSS样式(局部和全局)

内容摘要
一、局部改变样式

有三种方法：直接改变样式、改变className和改变cssText

改变className： document.getElementById('obj').className="…"

改变cssText：document.getEle
文章正文
一、局部改变样式

有三种方法：直接改变样式、改变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框架(iframe)操作总结下一篇win10无法新建文件夹怎么办？win10设置右键新建文件夹方法图解

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！