Javascript не отображается в Internet Explorer 7 и 8

Question

Это, кажется, не работает в ie7 и ie8, есть ли для этого простое исправление?

var collapsables = document.getElementsByClassName('collapsable'); 

function unhide(divID) { 

    // Hide previous 
    for (var i = 0; i < collapsables.length; i++) { 
    collapsables[i].className = 'collapsable hidden'; 
    } 

    // Show new 
    var item = document.getElementById(divID); 
    if (item) { 
    item.className = 'collapsable'; 
    } 
} 

Answer 1

Попробуйте использовать: Var collapsables = document.querySelector; ('разборный.)

querySelector поддерживается IE8

Но если вам нужно IE7, попробуйте использовать грязный хак:

if(document.getElementsByClassName == undefined) { 
    document.getElementsByClassName = function(cl) { 
     var retnode = []; 
     var myclass = new RegExp('\\b'+cl+'\\b'); 
     var elem = this.getElementsByTagName('*'); 
     for (var i = 0; i < elem.length; i++) { 
     var classes = elem[i].className; 
     if (myclass.test(classes)) { 
      retnode.push(elem[i]); 
     } 
     } 
     return retnode; 
    } 
}; 

Вы должны понять, - это очень медленная операция. Эта функция выполняет итерацию всех элементов DOM.

Answer 2

Держу пари, что это будет закрыто, потому что это довольно скоро, но Web_Designer имеет хорошее рабочее решение, размещенное here.

Web_Designers решение для версий IE до IE9:

function getElementsByClassName(node, classname) { 
    var a = []; 
    var re = new RegExp('(^|)'+classname+'(|$)'); 
    var els = node.getElementsByTagName("*"); 
    for(var i=0,j=els.length; i<j; i++) 
     if(re.test(els[i].className))a.push(els[i]); 
    return a; 
} 

Использование:

var tabs = getElementsByClassName(document.body,'collapsable');