js写的一些通用方法

Js获取当前浏览器支持的transform兼容写法

 // 获取当前浏览器支持的transform兼容写法

 function getTransfrom() {
    var transform = '',
    // document.createElement() 创建元素节点，
    divStyle = document.createElement('div').style,  // 返回的是一组object对象，里面包含了transform
    // 可能涉及到的几种兼容性写法，通过循环，找出浏览器识别的那个
   // 依次为： 全部、Safari 和 Chrome、firefox、ie9、opera
    transformArr  = ['transfrom','webkitTransform','MozTransform','msTransform','OTransform'];
     for(var i = ; i  <  transformArr.length; i++) {
         if (transformArr[i] in divStyle)  {
             // 找到以后立刻返回，结束函数
             return transform  = transformArr[i];
         }
     }
     // 如果没有找到，就直接返回空字符串
 }

该方法用于获取浏览器支持的transform属性。如果返回的为空字符串，则表示当前浏览器并不支持transform

js获取元素样式

获取元素样式在IE浏览器与其他浏览器有一些不同，因此我们需要一个兼容性的写法:

      function getStyle(elem, property) {
        // ie通过通过currentStyle来获取元素的样式，其他浏览器通过getComputedStyle来获取
        return document.defaultView.getComputedStyle ? document.defaultView.getComputedStyle(elem, false)[property] : elem.currentStyle[property];
      }