cs3属性操作js

css3在网站开发中的普及，使广大开发工程师越来越重视css3的应用于操作，是由于浏览器的不同，复杂繁琐的css3前缀就成了困扰我的的一个难题，如何解决css3前缀带来的困扰呢，在这里和大家分享个js函数，通过它可以很方便的解决css3前缀问题。

 

obj为要加样式的元素名称，attrObj为json格式的数据为要加的样式。

 setCss3(li,{transform:translateZ(150px) rotateX(150deg)"})

 

 function setCss3 (obj,attrObj) {
   for (var i in attrObj) {
     var newi=i;
     if(newi.indexOf("-")>0){
       var num=newi.indexOf("-");
       newi=newi.replace(newi.substr(num,2),newi.substr(num+1,1).toUpperCase());
     }
     obj.style[newi]=attrObj[i];
     newi=newi.replace(newi.charAt(0),newi.charAt(0).toUpperCase());
     obj.style["webkit"+newi]=attrObj[i];
     obj.style["moz"+newi]=attrObj[i];
     obj.style["o"+newi]=attrObj[i];
     obj.style["ms"+newi]=attrObj[i];
   }
  }