-ms-transform

Question

如何在 JavaScript 中为“-ms-transform”设置 Div 的属性？

我想旋转 DIV，如下所示：

-ms-transform: rotate(30deg);

任何帮助都会很棒:)

Answer 1

试试这个：

document.getElementById('myDiv').style.msTransform = 'rotate(30deg)';

Answer 2

element.style['transform'] = 'rotate(30deg)';

element.style['msTransform'] = 'rotate(30deg)'; // IE
element.style['MozTransform'] = 'rotate(30deg)'; // Firefox
element.style['WebkitTransform'] = 'rotate(30deg)'; // Chrome
element.style['OTransform'] = 'rotate(30deg)'; // Opera

这是一个示例：http://jsfiddle.net/mgWCm/

Answer 3

我已经看到了一些答案，包括上面的两个，它们似乎没有做任何事情...当页面加载时，元素的样式属性中没有 -ms-transform 。

如果你遇到这个问题，你可以使用 setAttribute 来解决它。

elementName.setAttribute("style", "-ms-transform:rotate(30deg)");

不过，这将覆盖任何其他内联样式元素。

如果其他内容已修复，您可以通过在 setAttribute 命令中设置整个样式来处理。

elementName.setAttribute(“样式”，“位置：绝对；宽度：45%；-ms-transform：旋转(30deg)”);

...或它具有的任何其他风格元素。

如果这不起作用，您要么必须放弃更改内联样式，而改为更改类（再次使用 setAttribute），要么（这很混乱，所以我不会这样做，除非您需要能够更改在页面使用时旋转到某个任意值）进行一些棘手的字符串操作。 （使用 get 属性拉取样式操作字符串以包含 -ms-transform 的正确值，然后设置然后使用 setAttribute 设置样式）