一、局部改变样式 分为改变直接样式,改变className和改变cssText三种。需要注意的是: 注意大小写: javascript对大小写十分敏感,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,如 而在XML中,你应该如下例所示在声明区中加入: 第二种:定义内部样式块对象 (Embedding a Style Block) 你可以在你的HTML文档的和标记之间插入一个 块对象。 定义方式请参阅样式表语法。示例如下: 请注意,这里将style对象的type属性设置为”text/css”,是允许不支持这类型的浏览器忽略样式表单。 第三种:内联定义 (Inline Styles) 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下: 这一行被增加了左右的外补丁
09-13 11:13