JavaScript: Set border radius

Question

How can I set the -moz-border-radius with pure JavaScript (no jQuery, no plugins etc)?

document.getElementById('id')

Answer 1

Try:

document.getElementById('id').style.borderRadius = '1em'; // w3c
document.getElementById('id').style.MozBorderRadius = '1em'; // mozilla

But why not do it in a stylesheet?

Answer 2

var myElementStyle = document.getElementById('id').style;

myElementStyle.borderRadius = '1em'; // standard
myElementStyle.MozBorderRadius = '1em'; // Mozilla
myElementStyle.WebkitBorderRadius = '1em'; // WebKit