title: Javascript insert text into div
body: <p>This is a followup question to <a href="https://stackoverflow.com/questions/7947763/removing-span-tag-while-leaving-content-intact-with-just-javascript">Removing &lt;span&gt; tag while leaving content intact, with just javascript</a></p>
  
  <p>If I use spans to highlight text in a page, it breaks up the content into new nodes. And then, when I remove the highlight spans using <code>replaceChild</code>, the nodes remain separated. I would like to have the original text merged back into a single text node, instead of three text nodes - the text before the highlighting started, the text that was previously highlighted, and the text after the highlighting ended. Is this possible to do?</p>