title: innerHTML update value but HTML rendering isn't changed
body: <p>I misunderstand a JS Behavior, I want to update a td content in my HTML. So I created an anchor with <code>onclick</code> attribute.</p>
  
  <p>When I update <code>.innerHTML</code>, the content is updated on javascript side, but is not rendered. I don't understand why.</p>
  
  <pre><code>&lt;td class="data" id="&lt;?php echo 'data_'.$_data['code']; ?&gt;"&gt;A value&lt;/td&gt;
  </code></pre>
  
  
  
  <pre><code>document.getElementById("data_sku").innerHTML = "myNewValue";
  </code></pre>
  
  <p>After this, my HTML rendering doesn't change but when I use</p>
  
  <pre><code>document.getElementById("data_sku").textContent
  </code></pre>
  
  <p>I get <code>"myNewValue"</code>;</p>
  
  <p>I'm not comfortable with JS/Ajax behavior, just I don't understand why in this case, it's not working but in some other cases, it works.</p>