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