title: Using Javascript replace with getElementsByClassName not working
body: <p>I <a href="https://stackoverflow.com/questions/29607869/using-javascript-replace-on-a-td-element">posted a question</a> a few days ago which worked great and I thank those who helped but for reasons beyond my control I have to classes instead of id's as per my original post.</p>
  
  <p>Basically what I am trying to do is remove the word "Other" from a string (The content is added dynamically through a form).</p>
  
  <p>Here is the code I am trying to use:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var str = document.getElementsByClassName('gv-field-4-custom').innerHTML;
  var text = str.replace("Other", " ");
  document.getElementsByClassName('gv-field-4-custom').innerHTML = text;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.gv-field-4-custom {
    color: #ff0000;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td class="gv-field-4-custom"&gt;Complex interventions, Evidence Synthesis (randomised trials), Studies within a Trial (SWAT), Trial Conduct, Trial Design, Other Core Outcome Sets (COS)&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any advise as to what I am doing wrong?</p>