html结束旋转角度,如何在javascript中设置div的旋转角度？

或者更一般地说,有没有办法在没有

JQuery的情况下在javascript中为HTML元素添加任意CSS？

现在,这适用于Chrome,Firefox和IE 9/10.

var css = getRotationCSS(angle);

var div = document.getElementById('mydiv');

//div.css = css; ???

div.innerHTML = '

HELLO

';

我必须在div中添加一个div才能获得style =”

我看到的所有例子都只有一个硬编码的角度,但我需要它可以在任何角度0-360工作,我应该制作360个班级,每个学位1个,然后设置课程吗？

function getRotationCSS(deg)

{

return "\

-webkit-transform: rotate("+deg+"deg); \

-moz-transform: rotate("+deg+"deg); \

-ms-transform: rotate("+deg+"deg); \

-o-transform: rotate("+deg+"deg); \

transform: rotate("+deg+"deg); \

-ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)'; \

filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678,sizingMethod='auto expand'); \

";

}

是的IE 7/8代码不正确,我需要一个函数将度数转换为矩阵.

当我在我的IE 10中模拟IE 7/8时,IE 7/8代码也根本不旋转它.我搜索了代码,它应该将它旋转45：

filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,sizingMethod='auto expand');

">

HELLO