이전 Internet Explorer에서 getElementsByClassName()을 에뮬레이트하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

이전 Internet Explorer에서 getElementsByClassName()을 에뮬레이트하는 방법은 무엇입니까?

Barbara Streisand

풀어 주다： 2024-10-22 07:35:18

원래의

294명이 탐색했습니다.

How to Emulate getElementsByClassName() in Older Internet Explorers?

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

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

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

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

<code class="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;
};</code>

로그인 후 복사

사용법:

웹사이트에 스크립트를 포함하기만 하면 됩니다. 이전 버전의 Internet Explorer를 포함하여 모든 주요 브라우저에서 작동하는 getElementsByClassName() 메서드를 사용하여 문서 객체를 확장합니다.

예:

<code class="html"><html>
<head>
  <script src="getElementsByClassName.js"></script>
  ...
</head>
<body>
  <div class="red-border"></div>
  ...
  var borderDivs = document.getElementsByClassName('red-border');
</body>
</html></code>

로그인 후 복사

위 내용은 이전 Internet Explorer에서 getElementsByClassName()을 에뮬레이트하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!