[javascript]IE8에서 getElementsByClassName()사용하기

/* getElementsByClassName 을 IE8 이하에서 동작하게 하는 코드 */
if (!document.getElementsByClassName) {
    document.getElementsByClassName = function (cn) {
        var rx = new RegExp("(?:^|\\s)" + cn+ "(?:$|\\s)");
        var allT = document.getElementsByTagName("*"), allCN = [],ac="", i = 0, a;

        while (a = allT[i=i+1]) {
            ac=a.className;
            if ( ac && ac.indexOf(cn) !==-1) {
                if(ac===cn){ allCN[allCN.length] = a; continue;   }
                    rx.test(ac) ? (allCN[allCN.length] = a) : 0;
                }
        }
        return allCN;
    };
}

/* getElementsByClassName 을 IE8 이하에서 동작하게 하는 코드 */

if (!document.getElementsByClassName) {

document.getElementsByClassName = function (cn) {

var rx = new RegExp("(?:^|\\s)" + cn+ "(?:$|\\s)");

var allT = document.getElementsByTagName("*"), allCN = [],ac="", i = 0, a;

while (a = allT[i=i+1]) {

ac=a.className;

if ( ac && ac.indexOf(cn) !==-1) {

if(ac===cn){ allCN[allCN.length] = a; continue; }

rx.test(ac) ? (allCN[allCN.length] = a) : 0;

}

return allCN;

};

}

IE8에서 getElementsByClassName가 안된다. 이게 안될줄 전혀 생각하지 못했네

위의 코드를 넣어서 사용하자

참고 url : http://zinee-world.tistory.com/140