Use o seguinte no IE 8:
document.querySelectorAll('.destino');
Segundo a documentação no IE8 funciona apenas para seletores simples tal como este acima. Se você usar o seletor 'input.destino' por exemplo já deve dar problema.
Veja esse link http://quirksmode.org/dom/core/#t13
Outra alternativa é criar um Polyfill
if (!document.getElementsByClassName) {
document.getElementsByClassName = function(search) {
var doc = document, elements, pattern, i, results = [];
if (doc.querySelectorAll) { // IE8
return doc.querySelectorAll("." + search);
}
if (doc.evaluate) { // IE6, IE7
pattern = ".//*[contains(concat(' ', @class, ' '), ' " + search + " ')]";
elements = doc.evaluate(pattern, doc, null, 0, null);
while ((i = elements.iterateNext())) {
results.push(i);
}
} else {
elements = doc.getElementsByTagName("*");
pattern = new RegExp("(^|\\s)" + search + "(\\s|$)");
for (i = 0; i < elements.length; i++) {
if ( pattern.test(elements[i].className) ) {
results.push(elements[i]);
}
}
}
return results;
}
}
Eu sempre prefiro criar um Polyfill pois posso colocar no meu HTML uma referencia ao arquivo JS que implementa a funcionalidade e todo o resto do meu código funciona da forma padrão e assim posso simplesmente ignorar o polyfill nos Browser modernos.