使用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];
}