title: How to remove an individual text node in a div without removing all of them?
body: <p>How do I go about removing an individual dynamically created text node? </p>
  
  <p>I am generating input's on the fly and am using .createTextNode to place descriptive text before the elements.  I need the ability to delete specific elements that are being created and am using .removeChild to do it.  That works fine for removing an individual input because I have something to reference (id/name).  Is there a way to set some sort of reference to each text node so I can delete it along with its corresponding input control? </p>
  
  <pre><code>var box = document.getElementById("myDiv");
  
  box.appendChild(document.createTextNode('Status: '));
  var inp = document.createElement('input');
  inp.type = 'text';
  // add attributes, etc...
  
  box.appendChild(inp);
  </code></pre>