获取元素样式方式 style、getcomputedstyle与 currentStyle 的用法

元素的样式引用：

      一共有三种方法：第一种：内嵌式，直接写在元素标签内、第二种：内部样式，使用<style></style>标签中、第三种：外部样式表

元素样式的获取：

                 1、针对内嵌式，可以直接使用 obj.style.attr获取元素样式（obj:获取的元素对象、attr:想要获得样式）；

         2、针对外部样式表和内部样式：可以通过getComputedStyle与 currentStyle方法获取，具体用法如下：

            getComputedStyle:此方法不兼容IE，火狐下获取样式方法，使用方法 getComputedStyle(obj).xxx获得所需样式，(xxx:为所要获取的样式)；

            currentStyle:IE下获取样式的方法，使用方法 obj.currentStyle.xxx 获取，(xxx:为所要获取的样式)；

兼容性写法：

  function getStyle(obj,attr) {

      if(obj.currentStyle) {

            return obj.currentStyle[attr];

      }

      else {

           return getComputedStyle(obj)[attr];

      }

}