如何使用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