title: how to clear a span inside a div
body: <p>I want to clear a value of a span inside a div without deleteing other contents only the contents of a span.</p>
  
  <p>ex:
  body:</p>
  
  <pre><code>&lt;div id="content"&gt;
    &lt;span&gt;one&lt;/span&gt;
  
    &lt;input type="text" /&gt;
    &lt;input type="text" /&gt;
  
    &lt;span&gt;two&lt;/span&gt;
    &lt;span&gt;three&lt;/span&gt;
  
    &lt;select&gt;
          &lt;option selected="selected" value=""&gt;&lt;/option&gt;
          &lt;option value="Monday"&gt;Monday&lt;/option&gt;
          &lt;option value="Tuesday"&gt;Tuesday&lt;/option&gt;
          &lt;option value="Wednesday"&gt;Wednesday&lt;/option&gt;
          &lt;option value="Thursday"&gt;Thursday&lt;/option&gt;
          &lt;option value="Friday"&gt;Friday&lt;/option&gt;
          &lt;option value="Saturday"&gt;Saturday&lt;/option&gt;
          &lt;option value="Sunday"&gt;Sunday&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function restSel() {
     document.getElementById("#content span").innerHTML="";
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>Clear all the <code>spans</code> or the content of all the <code>spans</code>.</p>