title: How to iterate over object with css properties and assign to style attribute?
body: <p>this is probably ver simple but I cannot figure it out. </p>
  
  <p>how can I assign the objects values to the buttons style atribute in the for loop below?</p>
  
  <pre><code>(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 = // ??
          }
      }
  
  })();
  </code></pre>
  
  <p>thanks in advance</p>