如何使用JavaScript动态设置样式-webkit-transform？

javascript webkit

2022-08-30 04:57:55

我想使用JavaScript动态更改属性，但常用的不起作用：-webkit-transform: rotate()setAttribute

img.setAttribute('-webkit-transform', 'rotate(60deg)');

也不起作用....style

如何在JavaScript中动态设置它？

答案 1

JavaScript 样式的名称是和 WebkitTransformWebkitTransformOrigin

element.style.webkitTransform = "rotate(-2deg)";

在此处查看 WebKit 的 DOM 扩展参考。

答案 2

以下是大多数常见供应商的JavaScript符号：

webkitProperty
MozProperty
msProperty
OProperty
property

我重置了内联转换样式，例如：

element.style.webkitTransform = "";
element.style.MozTransform = "";
element.style.msTransform = "";
element.style.OTransform = "";
element.style.transform = "";

像这样使用jQuery：

$(element).css({
    "webkitTransform":"",
    "MozTransform":"",
    "msTransform":"",
    "OTransform":"",
    "transform":""
});

请参阅博客文章使用 JavaScript 编码供应商前缀 （2012-03-21）。