JavaScript에서 동일한 ID를 가진 요소를 검색하는 방법은 무엇입니까?

JavaScript의 getElementById를 사용하여 동일한 ID를 가진 요소를 검색하는 방법

JavaScript의 getElementById()를 사용하여 공유 ID를 기반으로 요소 컬렉션 가져오기 동일한 ID를 가진 여러 요소를 처리할 수 없다는 점을 고려하면 이 방법은 어려워 보일 수 있습니다. 그러나 역사적 이유로 이 기술을 탐구하는 것은 여전히 ​​관련이 있습니다.

getElementById() 및 다중 ID

일반적으로 HTML 요소는 중복된 ID를 가져서는 안 됩니다. 고유성 요구 사항을 위반합니다. 그러나 부적절하게 구성된 HTML 문서 작업과 같은 특정 경우에는 동일한 ID를 가진 요소를 조작해야 할 수도 있습니다.

getElementById()의 고유한 제한을 우회하려면 querySelectorAll()을 활용할 수 있습니다. 대신 방법. 이 메소드를 사용하면 지정된 CSS 선택기를 기반으로 요소 컬렉션을 검색할 수 있습니다. CSS 선택기 "[id='myId']"를 지정하면 해당 ID를 가진 모든 요소를 ​​선택할 수 있습니다.

코드 예

다음은 코드 스니펫입니다. querySelectorAll()을 사용하여 동일한 ID를 가진 요소를 얻는 방법을 보여줍니다.

var elms = document.querySelectorAll("[id='myId']");

// Perform operations on the collection of elements
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = "none"; // Example operation
}

여기서 예를 들어, elms 변수에는 지정된 ID를 가진 모든 요소의 배열과 같은 컬렉션이 포함됩니다. 그런 다음 style.display 속성을 사용하여 요소를 숨기는 등 이러한 요소에 대해 필요한 작업을 수행할 수 있습니다.

위 내용은 JavaScript에서 동일한 ID를 가진 요소를 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!