IE7 및 이전 버전에서 특정 속성을 가진 요소를 선택하는 방법은 무엇입니까?

속성 선택을 위한 querySelectorAll의 기본 대안

질문:

어떻게 에뮬레이트할 수 있습니까? IE7 이하에서 querySelectorAll()을 사용할 수 없는 document.querySelectorAll('[data-foo]') 기능이 있습니까?

해결책:

이 호환성을 해결하려면 문제가 발생하면 기본 getElementsByTagName() 메서드를 사용하여 필요한 속성 선택을 수행하는 사용자 정의 함수인 getAllElementsWithAttribute를 생성할 수 있습니다.

function getAllElementsWithAttribute(attribute) {
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++) {
    if (allElements[i].getAttribute(attribute) !== null) {
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}

원하는 속성(예: getAllElementsWithAttribute('data- foo')), 지정된 속성을 소유한 요소의 배열을 얻을 수 있습니다.

위 내용은 IE7 및 이전 버전에서 특정 속성을 가진 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!