title: getElementsByClassName produces error "undefined"
body: <p>I have several <code>textboxes</code> with the class <code>output</code>. I would like to be able to print their values as a plain HTML list in a <code>div</code> with <code>ID</code> <code>combined</code>. Right now, I have the following code:</p>
  
  <pre><code>function doCombine() {
      document.getElementById('combined').innerHTML =
      document.getElementsByClassName('output').value + ",";  
  }
  </code></pre>
  
  <p>Yet, when I run the function, i get the error message <code>undefined</code>,. When i add a <code>[0]</code> before <code>.value</code>, it works, but only the value of the first <code>textbox</code> is showing up. I read somewhere that <code>[i]</code> will show all the values, but that doesn't seem to work.</p>
  
  <p>What am I doing wrong?</p>