如何获取与修改元素样式(写在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下的浏览器模式与文档模式
浏览器模式是对条件条件注释起作用:
文档模式是对页面的渲染起作用如css的hack


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


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


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


页面内容


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


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


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



只要IE8读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示


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


     在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


你可能感兴趣的:(如何获取与修改元素样式(写在style文件))