-ms-transform for IE9 in JavaScript

Question

How do you set the property of a Div for "-ms-transform" in JavaScript?

I want to rotate a DIV like follows:

-ms-transform: rotate(30deg);

Any help would be great :)

Answer 1

Try this:

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

Here's an example: http://jsfiddle.net/mgWCm/