当调试时，我喜欢能够在一行中添加一堆css属性:

menu.style.cssText = 'width: 100px';

习惯了这种风格，你可以在一行中添加一堆css，像这样:

menu.style.cssText = 'width: 100px; height: 100px; background: #afafaf';

<h1>Silence and Smile</h1>
<input  type="button"  value="Show Red"   onclick="document.getElementById('h1').style.color='Red'"/>
<input  type="button"  value="Show Green" onclick="document.getElementById('h1').style.color='Green'"/>

对于大多数样式，这样做:

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

对于名称中有连字符的样式，这样做:

var obj = document.createElement('select');
obj.style["-webkit-background-size"] = "100px"

只需设置样式:

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

或者如果你喜欢，你可以使用jQuery:

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

这其实用JavaScript很简单:

menu.style.width = "100px";

如果你想添加一个全局属性，你可以使用:

    var styleEl = document.createElement('style'), styleSheet;
            document.head.appendChild(styleEl);
            styleSheet = styleEl.sheet;
            styleSheet.insertRule(".modal { position:absolute; bottom:auto; }", 0);