Change content of span class with JavaScript
<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>