title: changing browser specific CSS3 (prefix) properties in JavaScript
body: <p>So I'm trying to dynamically change the style of a div with javascript, which is normally no big deal except that I'm trying to change some CSS3 properties which have a prefix, i.e. minus (-) in the name... and of course, that means something else entirely in javascript...</p>
  
  <p>so I've got this going on in my javascript:</p>
  
  <pre><code>r += 1;
  document.getElementById('someDiv').style.transform = "rotate(" + r + "deg)";
  </code></pre>
  
  <p>and my div's style property looks like this:</p>
  
  <pre><code>transform: rotate(30deg);
  -ms-transform: rotate(30deg); /* IE 9 */
  -webkit-transform: rotate(50deg); /* Safari and Chrome */
  -o-transform: rotate(30deg); /* Opera */
  -moz-transform: rotate(30deg); /* Firefox */
  </code></pre>
  
  <p>so that javascript works fine to change the "transform" property, but how would I change the rest of them? because doing something like this won't work:</p>
  
  <pre><code>document.getElementById('someDiv').style.-ms-transform = "rotate(" + r + "deg)";
  </code></pre>
  
  <p>because the javascript reads the "-" as syntax error :(</p>
  
  <p>thoughts?</p>