IE6-8에서 getElementsByClassName() 비호환성을 해결하는 방법은 무엇입니까?

getElementsByClassName() 메서드와 IE6-8의 비호환성

Internet Explorer 6, 7 또는 8에서 클래스 이름으로 요소를 선택하기 위해 getElementsByClassName()을 사용하려고 할 때 , "개체가 이 메서드를 지원하지 않습니다."라는 오류 메시지가 나타날 수 있습니다. 이는 이전 브라우저에 최신 DOM 메서드에 대한 기본 지원이 부족하기 때문입니다.

호환성 문제 극복

이러한 제한을 극복하고 이러한 브라우저에서 클래스 기반 선택을 활성화하려면 구현을 고려하세요. 맞춤형 솔루션. 아래 스니펫은 getElementsByClassName()의 기능을 복제하는 JavaScript 함수를 제공합니다.

document.getElementsByClassName = function(cl) {
  var retnode = [];
  var elem = this.getElementsByTagName('*');
  for (var i = 0; i < elem.length; i++) {
    if((' ' + elem[i].className + ' ').indexOf(' ' + cl + ' ') > -1) retnode.push(elem[i]);
  }
  return retnode;
};

이 코드를 웹 페이지에 추가한 후 평소와 같이 document.getElementsByClassName()을 사용하여 클래스별로 요소를 검색할 수 있습니다. IE6, IE7, IE8의 이름입니다.

위 내용은 IE6-8에서 getElementsByClassName() 비호환성을 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!