getElementsByClassName()에 대한 브라우저 간 호환성

IE6, IE7 및 IE8에서 getElementsByClassName() 메서드를 활용할 수 없다는 점은 클래스 속성을 기반으로 요소를 선택하려고 할 때 문제가 발생합니다. 그러나 jQuery와 같은 타사 라이브러리에 의존하지 않고 이 제한을 극복할 수 있는 솔루션이 있습니다.

이전 Internet Explorer에서 getElementsByClassName() 에뮬레이션

기능을 모방하려면 IE6-8의 getElementsByClassName()에서 다음 스크립트를 사용할 수 있습니다. 구현됨:

document.getElementsByClassName = function(cl) {
  var retnode = [];
  var elem = this.getElementsByTagName('*');
  for (var i = 0; i  -1) retnode.push(elem[i]);
  }
  return retnode;
};

사용법:

웹사이트에 스크립트를 포함하기만 하면 모든 주요 브라우저에서 작동하는 getElementsByClassName() 메서드로 문서 객체가 확장됩니다. 이전 버전의 인터넷 포함 탐색기.

예:

  
  ...


  

  ...
  var borderDivs = document.getElementsByClassName('red-border');