用js代碼改變css樣式，包括全局樣式與局部樣式。

一、局部改變樣式

三種方法：直接改變樣式、改變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>