title: Why DOM didn't update by setAttribute when using Aframe v0.5.0?
body: <p>I'm going to set the <strong>aframe-v0.5.0</strong> <code>&lt;a-box&gt;</code> position and color, and it renders correct in the browser, but when I use box.getAtrribute("position"), it returns "undefined", then I found <code>&lt;a-box&gt;</code> positon attribute is empty string showing in the DOM(same situation for scale/rotation):</p>
  
  <pre><code>&lt;a-box width="1" geometry="" height="1" depth="1" color="#0cf" material="" position="" rotation="" scale="" visible=""&gt;&lt;/a-box&gt;
  </code></pre>
  
  <p>So I switch back to <strong>aframe-v0.2.0</strong>, and everything works fine!
  Can't get any answer from google, is it something changed in aframe-v0.5.0?
  Here's my code below, and aframe.js is put in the <code>&lt;head&gt;</code>, my script is put in the <code>&lt;body&gt;</code>.</p>
  
  <pre><code>var body = document.body;
  var scene = document.createElement("a-scene");
  var camera = document.createElement("a-entity");
      camera.setAttribute("camera", "userHeight: 1.6");
      camera.setAttribute("look-controls", "");
      camera.setAttribute("wasd-controls", "");
  var box = document.createElement("a-box");
      box.setAttribute("width", 1);
      box.setAttribute("height", 1);
      box.setAttribute("depth", 1);
      box.setAttribute("color", "#0cf");
      box.setAttribute("position", "0 0 -5");
  scene.appendChild(camera);
  scene.appendChild(box);
  body.appendChild(scene);
  
  console.log( box.getAttribute("position") ) //"undefined"
  </code></pre>
  
  <p>example here:
  <a href="http://minicg.com/demo/aframe050_test/" rel="nofollow noreferrer">http://minicg.com/demo/aframe050_test/</a></p>