如何使用JavaScript动态设置CSS3属性值-创新互联

"vertical-align: inherit;">"vertical-align: inherit;">function getcss3prop（cssprop）{"vertical-align: inherit;">"vertical-align: inherit;">

    var css3vendors = [''，' -  moz  - '，' -  webkit  - '，' -  o  - '，' -  ms  - '，' -  khtml-']"vertical-align: inherit;">"vertical-align: inherit;">

    var root = document.documentElement"vertical-align: inherit;">"vertical-align: inherit;">

    function camelCase（str）{"vertical-align: inherit;">"vertical-align: inherit;">

        return str.replace（/ \  - （[az]）/ gi，function（match，p1）{// p1引用括号中的子匹配

            return p1.toUpperCase（）//将“ - ”后的第一个字母转换为大写

        }）"vertical-align: inherit;">"vertical-align: inherit;">

    }"vertical-align: inherit;">"vertical-align: inherit;">

    for（var i = 0; i "vertical-align: inherit;">"vertical-align: inherit;">

        var css3propcamel = camelCase（css3vendors [i] + cssprop）"vertical-align: inherit;">"vertical-align: inherit;">

        if（css3propcamel.substr（0,2）=='Ms'）//如果属性以'Ms'开头

            css3propcamel ='m'+ css3propcamel.substr（1）//将'M'转换为小写

        if（root.style中的css3propcamel）"vertical-align: inherit;">"vertical-align: inherit;">

            返回css3propcamel"vertical-align: inherit;">"vertical-align: inherit;">

    }"vertical-align: inherit;">"vertical-align: inherit;">

    返回undefined"vertical-align: inherit;">"vertical-align: inherit;">

}

"vertical-align: inherit;">"vertical-align: inherit;">var transformprop = getcss3prop（'transform'）//返回'transform'或其中一个变体，例如'msTransform'，'MozTransform'，'WebkitTransform'等

var transitionprop = getcss3prop（'transition'）//返回'transition'或其中一个变体，例如'MozTransition'，'WebkitTransition'等

"vertical-align: inherit;">"vertical-align: inherit;">if（transformprop）{//如果已定义

    var el = document.getElementById（'box'）"vertical-align: inherit;">"vertical-align: inherit;">

    el.style [transformprop] ='rotate（180deg）scale（1.05,1.05）'"vertical-align: inherit;">"vertical-align: inherit;">

}