js写的一些通用方法

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

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

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

 

js获取元素样式

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

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

 

转载于:https://www.cnblogs.com/zhaobao1830/p/7831308.html