Set CSS property in JavaScript?

Question

I've created the following...

var menu = document.createElement('select'); 

How would I now set CSS attributes e.g width: 100px?

Answer 1

Use element.style:

var element = document.createElement('select'); element.style.width = "100px"; 

Answer 2

Just set the style:

var menu = document.createElement("select"); menu.style.width = "100px"; 

Or if you like, you can use jQuery:

$(menu).css("width", "100px");