我创建了以下...
var menu = document.createElement('select');
我现在将如何设置 CSS 属性，例如width: 100px？
在 JavaScript 中设置 CSS 属性？
IT技术
javascript
css
2021-01-11 02:18:19
6个回答
var element = document.createElement('select');
element.style.width = "100px";
只需设置style：
var menu = document.createElement("select");
menu.style.width = "100px";
或者，如果您愿意，可以使用jQuery：
$(menu).css("width", "100px");
对于大多数样式，请执行以下操作：
var obj = document.createElement('select');
obj.style.width= "100px";
对于名称中包含连字符的样式，请改为执行以下操作：
var obj = document.createElement('select');
obj.style["-webkit-background-size"] = "100px"
使用 vanilla JavaScript 这实际上非常简单：
menu.style.width = "100px";
所有答案都正确地告诉您如何执行您所要求的操作，但我建议使用 JavaScript 在元素上设置一个类并使用 CSS 为其设置样式。这样你就可以在行为和风格之间保持正确的分离。
想象一下，如果您让一位设计师重新设计网站的样式……他们应该能够完全使用 CSS 工作，而无需使用您的 JavaScript。
在原型中，我会这样做：
$(newElement).addClassName('blah')