이전 브라우저에서 속성별로 요소를 선택하는 방법은 무엇입니까?

querySelectorAll 없이 속성으로 요소를 검색하는 방법

질문:

다음 경우에 특정 속성으로 요소를 검색하는 방법은 무엇입니까? IE7과 같은 이전 브라우저에서는 querySelectorAll 메소드를 사용할 수 없습니까?

기본 솔루션:

querySelectorAll이 없는 브라우저에서는 사용자 정의 기능을 구현하여 유사한 결과를 얻을 수 있습니다. 기능:

<code class="javascript">function getAllElementsWithAttribute(attribute) {
  const matchingElements = [];
  const allElements = document.getElementsByTagName('*');
  for (let i = 0; i < allElements.length; i++) {
    if (allElements[i].getAttribute(attribute) !== null) {
      // Element exists with attribute. Add to array.
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}</code>

예:

"data-foo" 속성이 있는 요소를 검색하려면 다음 코드를 사용할 수 있습니다.

<code class="javascript">const elementsWithFooAttribute = getAllElementsWithAttribute('data-foo');</code>

위 내용은 이전 브라우저에서 속성별로 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!