为了提高用户体验,我们经常会动态修改Dom节点的样式,各种浏览器差异比较大,我们如何应对?不断尝试,不断总结~!1. style、getComputedStyle、currentStyle内嵌样式:我就是傻里傻气的,完全素颜!1 //内联样式优先级最高,通过style获取的样式是最准确的2 var ...
分类:
Web程序 时间:
2014-07-15 00:35:14
阅读次数:
483
currentStyle:获取计算后的样式,也叫当前样式、最终样式。
优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到。
注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等。
alert (oAbc.currentStyle);
非常遗憾的是,这个好使的东西也不能被各大浏览器完美地...
分类:
其他好文 时间:
2014-07-10 22:40:13
阅读次数:
226
1.获取样式表里面的width,border color 之类的css(不是行间) 主要是IE6-7支持currentStyle,标准浏览器支持getComputedStyle;实例:封装函数复制代码代码如下:function getStyle(obj,name){if(obj.currentSty...
分类:
编程语言 时间:
2014-07-10 13:58:10
阅读次数:
295
1 currentStyle 可以获取行间样式,但是不兼容 其他浏览器用getComputedStyle(div,null)这个ie低级版本不兼容; if(div.currentStyle){ } else{} 复合样式(background)与单一样式(width) currentStyle 不能...
分类:
Web程序 时间:
2014-06-25 17:08:55
阅读次数:
226
一、碎碎念~前言我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说,简单了解一些JS库底层实现对自己的学习很有帮助。可能...
分类:
Web程序 时间:
2014-06-10 20:32:23
阅读次数:
300
在写js时常会遇到一些改变当前样式的问题,来达到改变显示效果、完成一些动画等等(如:display),但在获取时往往遇到问题(以前常用document.getElementById("xx").style[""]),因为这样只能获取内嵌属性的值,而不会获取样式表中的值,内外部样式表设置的css...
分类:
其他好文 时间:
2014-06-05 16:53:42
阅读次数:
212
style、currentStyle、getComputedStyle区别介绍来自:蓝色天空样式表有三种方式内嵌样式(inline
Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。内部样式(internal Style
Sheet):是写在HTML的里面的,内部样式只对所在的网页有...
分类:
其他好文 时间:
2014-05-26 07:29:06
阅读次数:
231
javascript
获取元素样式常用方法。Javascript获取CSS属性值方法:getComputedStyle和currentStyle1
.对于元素的内联CSS样式(hello),可以直接使用element.style.color来直接获取css属性的值;2. 但是对于外部定义的css样式...
分类:
编程语言 时间:
2014-05-05 10:19:39
阅读次数:
448