getStyle和getComputedStyle

以下开始定义getStyle()函数:

这个函数的用法非常简单,传递两个参数:第一个参数为需要获取样式的元素对象;第二个参数为样式的属性名,属性名规则与style一致,即多个单词的属性名除了第一个单词外其它的均需首字母大写: var cbc = pan.getStyle(element, 'backgroundColor');//获取背景色 var w = pan.getStyle(element, 'width');//获取宽度 var blw = pan.getStyle(element, 'borderLeftWidth');//获取左边框的宽度 以下开始定义getComputedStyle()函数 方法获取给定元素的样式表。这个函数有两个参数:第一个参数为需要获取样式的元素对象;第二个参数为伪元素,如:hover, :first-letter, :before等等,如果不需要伪元素则该参数为null。

getComputedStyle()函数

可以从 document.defaultView 对象中访问到,即可以这样调用该函数: var cbc = document.defaultView.getComputedStyle(element,null).backgroundColor; 以上语句的作用就是获取 element 元素当前的 background-color 属性值。 getComputeStyle()函数的调用结果就是 element 元素的样式表,理应是一个对象。该对象还有一个方法:getPropertyValue()。该方法只有一个参数,即需要获取的样式的属性名,属性名与样式表中的形式相同,即背景色的属性名为 background-color,而非 backgroundColor。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容