title: Change content of span class with JavaScript
body: <p>I need to change the content of spans with a class name using JavaScript. I prefer JavaScript over jQuery because this is a basic site and isn't loading a jQuery file, and I'd rather not add on the file just for this one thing. Here is what I've tried:</p>
  
  <p>HTML:</p>
  
  <pre><code>blah blah blah &lt;span class="new"&gt;&lt;/span&gt; blah blah blah
  </code></pre>
  
  <p>JavaScript in external JavaScript file:</p>
  
  <pre><code>document.getElementsByClassName('.new')[0].innerHTML = 'new text here';
  </code></pre>
  
  <p>Hoping it would show up as:
  blah blah blah new text here blah blah blah</p>
  
  <p>Did a search but only found ElementID solutions.</p>