用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
相关文档：
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
<mce:script language="javascript" type="text/javascript"><!--
//需要读取的xml文件
var uRl = "jsReadXml.xml";
var xmlDoc;
//初始化，给上述定义变量赋值
// function showcurcity(){
if(window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM&q ......
相信很多人都非常喜欢用div+css布局,无论你是前端开发者，还是后台程序员，因为它的好处实在太多，可以用很少的代码来控制布局，然后用CSS表现其形态，表现和样式分离。而且在SEO方面，它还能提供30%的优化，我们何乐而不为呢。
很多人都会碰到如题的布局问题，解决方案很多，可以用背景图来填充，或用js来控制，但终不� ......
对于隐藏文字 & 内容，网上已有不少CSS方法可以实现，现总结几条实用的隐藏效果如下：
假如需要隐藏的对象是：
<h1 id="header"><span class="texthidden">this text need to be hidden.</span></h1>
隐藏这一部分的css方法一般有六种：
1、display:none;
/* 它可以使包括容器� ......
【Web】css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-16 18:50
【Web】css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-13 11:07
外置
.main{ float:left;#float:none;_float:none;
html*.main{ float:left;#float:none;_float:none; }
*+html .main{ float:left;#float:none;_float:none; } ......
