使用JSON设置CSS属性

Question

我已经按照w3c的说明使用javascript设置了元素的css属性，但是我无法弄清楚如何使用json对象。

我的代码是这样的：

var style = {
    position:'fixed',
    top:0,
    right:0,
    bottom:0,
    left:0,
    background:'red'
}


var el = document.getElementById( 'some_id' );
for( var key in style ){
    el.style.key = style[key]
}

但是当运行我的脚本时，我得到“ Uncaught TypeError：无法读取null的属性'style'

Answer 1

代码示例：

Object.assign(document.querySelector('.my-element').style, {
    position: 'fixed',
    top: 0,
    right: 0,
    bottom: 0,
    left: 0,
    background: 'red'
})

JSFiddle上的示例：

https://jsfiddle.net/b6hexafL/4/