原生JS設置CSS3樣式時，怎么添加兼容性前綴（-webkit-）

問題描述

正常設置css3樣式是這樣的obj.style.WebkitTransition = "all 1s linear";解析出來的是<div id="obj" style="transition: all 1s linear;"></div>我想知道怎么加上-webkit-前綴。如下面<div id="obj" style="-webkit-transition: all 1s linear;"></div>

問題解答

那個,如果你的元素沒有內聯樣式的話,你可以直接obj.style.cssText='-webkit-transition: all 1s linear;...;'試試看

你有用webpack、gulp、grunt這些工具么- -或者有編輯器吧，弄個Autoprefixer就行了- -手寫很麻煩。。而且可維護性不好，以后突然其中一個前綴不需要了，你又要手動去改