javascript - 设置-webkit-transform和使用JS进行转换

Question

我正在尝试使用 jQuery 更改元素的“转换”css 属性:

myBlock.css('-webkit-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-moz-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-ms-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-o-transform', 'rotate(' + angle + 'deg)');
myBlock.css('transform', 'rotate(' + angle + 'deg)');

我想看到所有这些属性应用到元素上，但结果只有

transform: rotate(45ged);

我尝试了 JavaScript 样式，但它也没有帮助:

myBlock.style.WebkitTransform = "rotate(" + angle + "deg)";

应用的样式与前面的示例相同。 我发现信息，现代 jQuery 版本(从 1.8 开始)自动删除前缀。但为什么 JS 风格会删除 vendor 属性？ 将所有这些写在一个 "attr('style', 'properties')" 字符串中不是解决方案，因为在这种情况下它会删除现有样式。 所以问题是:如何使用 JS 或 jQuery 应用所有转换属性？ 感谢您的帮助。

编辑:目标是在执行 JS 命令后在保存的 html 中具有前缀属性，而不仅仅是执行 JS 命令并根据 Angular 值旋转 div。

Answer 1

也许您可以先检索样式属性，附加您自己的样式属性，然后在元素上再次设置它。

var value = element.getAttribute('style');
value += 'your new style attributes';
element.setAttribute('style', value);