Question

<div id='container'>
  This is some text
  <span> more text </span>
</div>

How can I update only the text section (“This is some text”) while not affecting the “span” ?

Answer 1

pure javascript solution

DEMO

 var fieldNameElement = document.getElementById('container');

fieldNameElement.removeChild(fieldNameElement.firstChild);
var newText = document.createTextNode("New Text");
fieldNameElement.insertBefore(newText , fieldNameElement.firstChild);

or

Jquery

DEMO

$('#container').each(function(i,el) {
    el.firstChild.data = 'New Title Goes Here';
});