js中如何使用全局變量css樣式？

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

一、局部改變樣式

三種方法：直接改變樣式、改變className和改變cssText

1，改變className：

復制代碼 代碼示例:

document.getElementById('obj').className="…"

2，改變cssText：

復制代碼 代碼示例:

document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";

3，改變直接樣式：

復制代碼 代碼示例:

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>