getElementsByClassName & IE8: El objeto no admite esta propiedad o el método

Question

Sé que "getElementsByClassName" no es compatible con IE8. ¿Sabes qué puedo usar en su lugar? Me estoy molestando por el error

"El objeto no admite esta propiedad o método".

El código HTML es:

function sumar() { 
var elems = document.getElementsByClassName('verdana14 toAdd'); 
var myLength = elems.length; 
total = 0; 
for (var i = 0; i < myLength; ++i) { 
    if (elems[i].value!="") { 
     total += parseInt(elems[i].value,10); 
     } 
    } 

var promedio = total/myLength; 
parseFloat(document.getElementById('promediocal').value = promedio.toFixed(2)); 
} 

Este texto de entrada que se llama a la función javascript:

<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()'/> 
<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()'/> 
<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()'/> 

Answer 1

uso de jQuery, o filtrar los resultados de getElementsByTag

Answer 2

Usted podría escribe lo tuyo. Algo como:

function GEBCN(cn){ 
    if(document.getElementsByClassName) // Returns NodeList here 
     return document.getElementsByClassName(cn); 

    cn = cn.replace(/ *$/, ''); 

    if(document.querySelectorAll) // Returns NodeList here 
     return document.querySelectorAll((' ' + cn).replace(/ +/g, '.')); 

    cn = cn.replace(/^ */, ''); 

    var classes = cn.split(/ +/), clength = classes.length; 
    var els = document.getElementsByTagName('*'), elength = els.length; 
    var results = []; 
    var i, j, match; 

    for(i = 0; i < elength; i++){ 
     match = true; 
     for(j = clength; j--;) 
      if(!RegExp(' ' + classes[j] + ' ').test(' ' + els[i].className + ' ')) 
       match = false; 
     if(match) 
      results.push(els[i]); 
    } 

    // Returns Array here 
    return results; 
} 

Funcionará bastante bien, pero podría escribir uno más rápido si lo desea. A continuación, sólo se puede cambiar:

document.getElementsByClassName('verdana14 toAdd'); 

Para:

GEBCN('verdana14 toAdd'); 

Answer 3

Uso document.querySelectorAll('.verdana14.toAdd').

Actualización: FWIW, He escrito un relacionado blog post.

Answer 4

getElementsByClassName método no es compatible con IE8.

Debe utilizar document.querySelectorAll('.classname') (funciona en IE8 +) o una biblioteca que implementa dicha funcionalidad - como:

• jQuery
• Moo Tools
• DOJO
• YUI

• Prototype

  ... Entre otros ...

---

querySelectorAll apoyo:

http://www.quirksmode.org/dom/w3c_core.html#t13

getElementsByClassName apoyo:

http://www.quirksmode.org/dom/w3c_core.html#t11

Answer 5

puede probar u canta jquery ya que tiene un selector de clase alternativo para obtener los elementos por sus nombres de clase. $ (". Testclass"). Cada ...le dará los elementos necesarios por nombres de clase

Answer 6

Escribí esta pequeña biblioteca (menos de 1kb) que usa métodos nativos para recuperar elementos dom. Si revisa el método className, encontrará la respuesta a su pregunta.

Find JS on Github