【www.gdgbn.com--js教程】

一、局部改变样式
分为改变直接样式，改变classname和改变css教程text三种。需要注意的是：
注意大小写：
网页特效对大小写十分敏感，classname不能够把“n”写成“n”，csstext也不能够把“t”写成“t”，否则无法实现效果。
调用方法：
如果改变classname，则事先在样式表中申明类，但调用时不要再跟style，像document.getelementbyid("obj").style.classname=”…”的写法是错误的！只能写成：document.getelementbyid("obj").classname=”…”
改变csstext
但是如果用csstext的话，必须加上style，正确的写法是：document.getelementbyid("obj").style.csstext=”…”

改变直接样式我就不必说了，大家记得要写到具体样式即可，如
document.getelementbyid("obj").style.backgroundcolor=”#003366′   

二、全局改变样式
通常情况下，我们可以通过改变外链样式的的href的值实现网页样式的实时切换，也就是“改变模板风格”。这时候我们首先需要赋予需要改变的目标一个id，如

调用时很简单，如

点我改变样式
对于新人往往不知道css具体样式在javascript怎么写，而且有时候在不同浏览器中要求也不一样。如float在ie中写成stylefloat，在firefox中写成cssfloat，这就需要大家的积累了。在google中搜索“ccvita javascript”，也许会对你的疑惑有所帮助。

基础知识
通常在网页中样式表的调用方法有三种。
第一种：链入外部样式表文件 (linking to a style sheet)
你可以先建立外部样式表文件（.css），然后使用html的link对象。示例如下：

而在xml中，你应该如下例所示在声明区中加入：

< ? xml-stylesheet type="text/css" href="http://www.zhutia.com/dhtmlet.css" ?>   
第二种：定义内部样式块对象 (embedding a style block)
你可以在你的html文档的和标记之间插入一个

块对象。 定义方式请参阅样式表语法。示例如下：

请注意，这里将style对象的type属性设置为”text/css”，是允许不支持这类型的浏览器忽略样式表单。   

第三种：内联定义 (inline styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：

这一行被增加了左右的外补丁

本文来源：http://www.gdgbn.com/wangyezhizuo/28388/