title: How to replace text in HTML Node without disturbing other child nodes?
body: <p>My structure is:</p>
  
  <pre><code>&lt;th&gt;0.12345&lt;div id="someDiv"&gt;&lt;/div&gt;&lt;/th&gt;
  </code></pre>
  
  <p>I need to replace 0.123456 with other text, without deleting div.
  Using <code>innerHTML</code> and <code>innerText</code> kills all the th content.</p>
  
  <p>I understand that I can use <code>substr()</code> to cut the innerHTML first and then reconstruct the full content, but is there the simplest way?</p>