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。