使用 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: Cannot read property ‘style’ of null”

原文由 Franco Aguilera 发布，翻译遵循 CC BY-SA 4.0 许可协议

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/

原文由 ujeenator 发布，翻译遵循 CC BY-SA 3.0 许可协议