我已经创建了以下…

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

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


当前回答

这其实用JavaScript很简单:

menu.style.width = "100px";

其他回答

使用element.style:

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

这其实用JavaScript很简单:

menu.style.width = "100px";

只需设置样式:

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

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

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

所有的答案都正确地告诉你如何做你问的事情,但我建议使用JavaScript在元素上设置一个类,并使用CSS设置它的样式。这样你就能正确区分行为和风格。

想象一下,如果你有一个设计师重新设计网站的风格……他们应该能够完全在CSS工作,而不必与你的JavaScript工作。

在原型中我会这样做:

$(newElement).addClassName('blah')

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

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