一、局部改变样式
三种方法:直接改变样式、改变className和改变cssText
1,改变className:
复制代码代码示例:
document.getElementById(obj).className="…"
2,改变cssText:
复制代码代码示例:
document.getElementById(obj).style.cssText="width:20px;border:solid1px#f00;";
3,改变直接样式:
复制代码代码示例:
document.getElementById(obj).style.backgroundColor="#003366″
二、全局改变样式
通过改变外链样式的的href的值实现网页样式的实时切换,即"改变模板风格"。
首先,赋予需要改变的目标一个id,例如:
复制代码代码示例:
<linkrel="stylesheet"type="text/css"id="css"href="firefox.css"/>
调用方法:
复制代码代码示例:
<spanonclick="javascript:document.getElementById(css).href=ie.css\">点此改变样式</span>