title: DOM object not referenced
body: <p>I have a simple class that has a parent element, and i store it's child element progress, but when I add to the child element nothing happens</p>
  
  <pre><code>class MyClass {
    constructor(element) {
      this.elem = element;
      this.child = this.elem('.child');
      this.fill();
    }
    fill() {
      this.elem.innerHTML += '&lt;span class="child2"&gt;&lt;/span&gt;';
    }
    update(val) {
      this.child.style.width = val + '%';
    }
  }
  </code></pre>
  
  <p>When I call the update function nothing happens. If I print the child element I see that it has a style of <code>val%</code> but I don't see it "update" in the DOM.</p>
  
  <p>It's like it is copying the object and not storing the reference.</p>
  
  <p><strong>BTW:</strong>
  Also this works ok <code>this.elem.querySelector('.child').style.width = val + '%';</code></p>
  
  <p>Also tried with <code>children[0]</code> also won't work.</p>
  
  <p>Thank you in advance!</p>