原生JS设置CSS3样式时,怎么添加兼容性前缀(-webkit-)
高洛峰
高洛峰 2016-11-11 16:39:36
0
3
971

正常设置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>

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(3)
三叔

我是会给一个空的 style 标签 ,里面给以个id 然后,

document.getElementById('air_style').innerHTML = "#obj{" +
                "-webkit-transform: rotate(" + deg + "deg);" +
                "-moz-transform: rotate(" + deg + "deg);" +
                "-ms-transform: rotate(" + deg + "deg);" +
                "-o-transform: rotate(" + deg + "deg);" +
                "transform: rotate(" + deg + "deg);" + "}";


学霸

那个,如果你的元素没有内联样式的话,你可以直接obj.style.cssText="-webkit-transition: all 1s linear;...;"试试看

三叔

你有用webpack、gulp、grunt这些工具么- -或者有编辑器吧,弄个Autoprefixer就行了- -手写很麻烦。。而且可维护性不好,以后突然其中一个前缀不需要了,你又要手动去改

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal