for-in 루프로 자바 스크립트 스타일 적용하기

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 속성을 설정합니다.

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

대신에, 그래서 같은 x의 값을 사용