我已经创建了以下…
var menu = document.createElement('select');
我现在如何设置CSS属性,如宽度:100px?
我已经创建了以下…
var menu = document.createElement('select');
我现在如何设置CSS属性,如宽度:100px?
当前回答
使用element.style:
var element = document.createElement('select');
element.style.width = "100px";
其他回答
如果你想添加一个全局属性,你可以使用:
var styleEl = document.createElement('style'), styleSheet;
document.head.appendChild(styleEl);
styleSheet = styleEl.sheet;
styleSheet.insertRule(".modal { position:absolute; bottom:auto; }", 0);
使用element.style:
var element = document.createElement('select');
element.style.width = "100px";
对于大多数样式,这样做:
var obj = document.createElement('select');
obj.style.width= "100px";
对于名称中有连字符的样式,这样做:
var obj = document.createElement('select');
obj.style["-webkit-background-size"] = "100px"
这其实用JavaScript很简单:
menu.style.width = "100px";
这适用于大多数CSS属性,如果他们没有连字符。
var element = document.createElement('select');
element.style.width = "100px";
对于带有连字符的属性,如max-width,您应该将香肠大小写转换为骆驼大小写
var element = document.createElement('select');
element.style.maxWidth = "100px";