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

一、局部改变样式

　　有三种方法：直接改变样式、改变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，如

　　

　　调用时很简单，如