码迷,mamicode.com
首页 > Web开发 > 详细

JS使用getComputedStyle()方法获取CSS属性值

时间:2016-12-27 23:24:00      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:js使用   过程   nts   字符串   current   返回   方法总结   字符   efault   

在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下:

1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在<style type="text/css">里面的属性。 

2. IE中使用的是obj.currentStyle方法,而FF是用的是getComputedStyle 方法

“DOM2级样式”增强了document.defaultView,提供了getComputedStyle()方法。这个方法接受两个参数:要取得计算样式的元素和一个伪元素字符串(例如“:after”)。如果不需要伪元素信息,第二个参数可以是null。getComputerStyle()方法返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式。以下面的HTML页面为例: 

未完待续……

JS使用getComputedStyle()方法获取CSS属性值

标签:js使用   过程   nts   字符串   current   返回   方法总结   字符   efault   

原文地址:http://www.cnblogs.com/cg309/p/6227519.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!