我已经创建了以下…

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

我现在如何设置CSS属性,如宽度:100px?


当前回答

使用element.style:

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

其他回答

这其实用JavaScript很简单:

menu.style.width = "100px";
<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'"/>

使用element.style:

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

只需设置样式:

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

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

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

这适用于大多数CSS属性,如果他们没有连字符。

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

对于带有连字符的属性,如max-width,您应该将香肠大小写转换为骆驼大小写

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