如何获取与修改元素样式(写在style文件)

1、如果直接写在元素style属性上，可以通过el.style.xx进行获取，当然含"-"的,采用连


写第二个单字首字母大写，如：margin-left -->marginLeft  overflow-x --->overflowX


2、对于css文件中的样式，如何获取呢


1、currentStyle是IE独有的
2、w3c标准 ：getComputedStyle与window.getComputedStyle(mydiv , null)['width']; 
一般应用 在 如：height:auto;

document.defaultView.getComputedStyle(mydiv,null).width 

一般应用 在如：height:auto;

IE下的浏览器模式与文档模式
浏览器模式是对条件条件注释起作用:<!-[if IE 7]  <[END IF]->
文档模式是对页面的渲染起作用如css的hａｃｋ


“浏览器模式”用于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析


、发送给网站服务器的用户代理（User-Agent）字符串的值。网站可以根据浏览器返回的不


同用户代理字符串判断浏览器的版本和安装的功能，这样就可以向不同的浏览器返回不同的


页面内容


“文档模式”用于指定IE的页面排版引擎（Trident）以哪个版本的方式来解析并渲染网页


代码。切换文档模式会导致网页被刷新，但不会更改用户代理字符串中的版本号，也不会从


服务器重新下载网页。切换浏览器模式的同时，浏览器也会自动切换到相应的文档模式。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
只要IE8读到这个标签，它就会自动启动IE7兼容模式，保证页面完整展示

３、对页面的调整应该选用文档模式

     在Quirks Mode下，IE中根元素是body元素。根据规范，它是一个html元素。例如，在Quirks Mode下，为body设置一个margin是无效的。另一个例子，默认情况下，IE有一个垂直滚动条，尽管当没有东西可以滚动的时候，它是非活动状态（迟钝状态），在Quirks Mode下，你可以通过设置body { overflow: auto;}删除它（当不需要它的时候），但是在标准模式下，你仍然需要增加html { overflow: auto;}。

currentStyle 与 getComputedStyle：

http://hi.baidu.com/smartcarlf/blog/item/10fc21ae8e297a124b36d688.html

http://www.zhangxinxu.com/wordpress/?p=2378