>웹 프론트엔드 >JS 튜토리얼 >속성 쿼리 없이 JavaScript에서 요소 이름 와일드카드 일치를 수행하는 방법은 무엇입니까?

속성 쿼리 없이 JavaScript에서 요소 이름 와일드카드 일치를 수행하는 방법은 무엇입니까?

DDD
DDD원래의
2024-10-23 18:33:02992검색

How to Perform Element Name Wildcard Matching in JavaScript Without Attribute Queries?

JavaScript의 와일드카드 요소 이름 일치: QuerySelector 및 QuerySelectorAll

XML 문서를 구문 분석할 때 이름에 특정 문자열이 포함된 요소를 찾는 것은 일반적인 작업입니다. . 그러나 JavaScript의 querySelector 및 querySelectorAll 메소드는 와일드카드를 사용한 속성 쿼리만 지원합니다.

XPath의 대안

와일드카드 요소 이름 일치를 위해 XPath를 사용하는 것은 지원 중단으로 인해 더 이상 권장되지 않습니다. Internet Explorer 9에서는 대체 솔루션이 선호됩니다.

속성 쿼리 와일드카드

요소 이름 와일드카드는 직접 지원되지 않지만 속성 쿼리는 와일드카드 일치 기능을 제공합니다. :

  • [id^='someId']는 "someId"로 시작하는 ID를 가진 모든 요소와 일치합니다.
  • [id$='someId']는 ID를 가진 모든 요소와 일치합니다. "someId"로 끝납니다.
  • [id*='someId']는 "someId"가 포함된 ID를 가진 모든 요소와 일치합니다.

name 속성을 일치시키려면 간단히 "id"로 대체하세요. "를 "name"으로 사용합니다.

요소 태그 이름 일치

안타깝게도 현재 querySelector 또는 querySelectorAll을 사용하여 요소 태그 이름에 대해 와일드카드 일치를 수행할 수 있는 직접적인 방법은 없습니다.

위 내용은 속성 쿼리 없이 JavaScript에서 요소 이름 와일드카드 일치를 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.