如何使用JavaScript动态设置样式-webkit-转换？
如何使用JavaScript动态设置样式-webkit-转换？
提问于 2009-04-02 09:01:33
我想使用JavaScript动态更改-webkit-transform: rotate()属性，但常用的setAttribute不起作用：
img.setAttribute('-webkit-transform', 'rotate(60deg)');.style也不能工作...
如何在JavaScript中动态设置？
回答 3
Stack Overflow用户
回答已采纳
发布于 2009-04-02 09:08:26
JavaScript样式名称为WebkitTransformOrigin和WebkitTransform
element.style.webkitTransform = "rotate(-2deg)";查看WebKit here的DOM扩展参考。
Stack Overflow用户
发布于 2009-04-02 09:07:27
尝试使用
img.style.webkitTransform = "rotate(60deg)"Stack Overflow用户
发布于 2015-04-27 09:10:19
如果你想通过setAttribute来完成这项工作，你可以像这样修改style属性：
element.setAttribute('style','transform:rotate(90deg); -webkit-transform: rotate(90deg)') //etc如果你想重置所有其他的内联样式，并且只想再次设置你需要的样式属性的值，这将是很有帮助的，但在大多数情况下，你可能并不想这样做。这就是为什么每个人都建议使用这个：
element.style.transform = 'rotate(90deg)';
element.style.webkitTransform = 'rotate(90deg)';上面的代码相当于
element.style['transform'] = 'rotate(90deg)';
element.style['-webkit-transform'] = 'rotate(90deg)';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/708895
复制相关文章
相似问题
腾讯云开发者
