title: getElementsByClassName & IE8: Object doesn't support this property or method
body: <p>I know "<code>getElementsByClassName</code>" is not support by <code>IE8</code>. Do you know what can I use instead? I am getting annoying by error </p>
  
  <blockquote>
    <p>"Object doesn't support this property or method".</p>
  </blockquote>
  
  <p>The HTML code is:</p>
  
  <pre><code>function sumar() {
  var elems = document.getElementsByClassName('verdana14 toAdd');
  var myLength = elems.length;
  total = 0;
  for (var i = 0; i &lt; myLength; ++i) {
     if (elems[i].value!="") {
         total += parseInt(elems[i].value,10);
         }
      }
  
  var promedio = total/myLength;
  parseFloat(document.getElementById('promediocal').value = promedio.toFixed(2));
  }
  </code></pre>
  
  <p>This the input text that calls the javascript function:</p>
  
  <pre><code>&lt;input name='AE_EA_1_BIV_003_2' type='text' class='verdana14 toAdd' id='AE_EA_1_BIV_003_2' style='width:50px' onChange='sumar()'/&gt;
  &lt;input name='AE_EA_1_BIV_003_3' type='text' class='verdana14 toAdd' id='AE_EA_1_BIV_003_3' style='width:50px' onChange='sumar()'/&gt;
  &lt;input name='AE_EA_1_BIV_003_4' type='text' class='verdana14 toAdd' id='AE_EA_1_BIV_003_4' style='width:50px' onChange='sumar()'/&gt;
  </code></pre>