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 = 0; 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];
     }