如何使用css属性迭代对象并分配给样式属性？

Question

这可能很简单，但我无法弄清楚。

如何将对象值分配给下面for循环中的按钮样式属性？

(function(){
    var parent = {
        color: "orange",
        width: "50px",
        height: "50px"
    }, 
        child = Object.create(parent),
        button = document.querySelector("button");

    button.onclick = function(){
        for (var test in child) {
            button.style.test = // ??
        }
    }

})();

提前致谢

Answer 1

对于这种情况，有一个方括号：

button.style[test] = child[test];

更多信息： http://www.javascripttoolbox.com/bestpractices/#squarebracket