用JavaScript修改网页css样式
用JavaScript修改网页样式
一、局部改变样式
分为改变直接样式，改变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，如
<link rel = "stylesheet" type="text/css" id="css"
href="firefox.css" />
调用时很简单，如
<span on
click="javascript:document.getElementById('css').href =
'ie.css'">点我改变样式</span>
对于新人往往不知道CSS具体样式在javascript怎么写，而且有时候在不同浏览器中要求也不一样。如float在IE中写成styleFloat，在FIREFOX中写成cssFloat，这就需要大家的积累了。在google中搜索“ccvita javascript”，也许会对你的疑惑有所帮助。
基础知识
通常在网页中样式表的调用方法有三种。
第一种
：链入外部样式表文件
(Linking to a Style Sheet)
你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：
<head>
<title>文档标题</title>
<link
rel=stylesheet href="http://www.ccvita.com/demo.css"
type="text/css">
</link></head>
而在XML中，你应该如下例所示在声明区中加入：
< ? xml-stylesheet type="text/css"
href="http://www.dhtmlet
相关文档：
转载自：http://hikejun.com/blog/?p=536
Zakas 1/22在twitter上分享了Baranovskiy的一篇文章“So, you think you know JavaScript?
”（你认为你够了解javascript吗）标题很叫板。结果5小段代码做的稀里哗啦。
今天Zakas专门撰文解答了这几道题（http://www.nczonline.net/blog/2010/01/26/answering-baranov ......
1、混合的构造函数/原型方法
用构造函数定义对象的所有非函数属性，用原型方式定义对象的函数属性(方法)，结果所有函数都只创建一次，而每个对象都具有自己的对象属性实例。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional. ......
JavaScript
转自： http://www.disandu.com/?p=603
============================================================================
1 处理XSLT 调用带参数的XSLT模板的方法 详见 23条
<html>
<body>
......
以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox
1. document.form.item 问题
(1)现有问题：
现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行
(2)解决方法：
改用 document.formName.elements["elementName"]
(3)其它
参见 2
2. 集合类对象问题
(1)现有问题� ......
CSS 对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。
CSS技巧
1.d ......
