javascript - 使用 for-in 循环在 javascript 中应用样式

Question

所以我有一个充满键值对的对象，这些键值对描述了元素的预期样式，我试图通过像这样循环遍历对象来将该样式应用于元素：

element = document.createElement('div');   
style = {width : '220px', height : '100%', left : '0', height : '0', position : 'relative'}
for (x in style){
    element.style.x = style[x];
}

然而，该元素仍然没有样式。这似乎很简单，以至于我无法弄清楚可能出了什么问题，所以我认为我遗漏了一些非常明显的东西。感谢您提供任何帮助。

Answer 1

您x在每次迭代中设置属性。相反，使用x像这样的值：

element.style[x] = style[x];

Answer 2

改成这样：

element = document.createElement('div');   
style = {width : '220px', height : '100%', left : '0', height : '0', position : 'relative'}
for (x in style){
    element.style[x] = style[x];
}