JavaScript에서 getElementById()를 사용하여 동일한 ID를 가진 여러 요소를 검색하려면 어떻게 해야 합니까?

getElementById를 사용하여 동일한 ID를 가진 여러 요소 검색

JavaScript에서 getElementById는 고유 ID를 기반으로 요소를 선택하는 강력한 방법입니다. 그러나 동일한 ID를 공유하는 여러 요소가 발생하는 경우(잘못된 HTML이지만 때로는 피할 수 없는 경우) 어떻게 되나요?

다음 질문은 이 시나리오를 다룹니다.

질문: 어떻게 중복 ID가 있는 요소를 포함하여 ID 속성을 지정하여 요소 컬렉션을 얻을 수 있나요? 이를 달성하려면 getElementById()만 사용하고 싶습니다.

답변:

중복 ID가 있는 요소에 getElementById()를 사용하는 것이 이상적이지는 않지만 다음과 같은 방법이 있습니다. 이 문제를 해결하세요. 한 가지 접근 방식은 querySelectorAll:

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

for(var i = 0; i < elms.length; i++) 
  elms[i].style.display='none';

을 사용하는 것입니다. 이 코드는 지정된 ID를 가진 모든 요소를 ​​검색하여 elms라는 배열에 저장합니다. 그런 다음 배열을 반복하고 위의 예에서 요소를 숨기는 등 각 요소에 대해 원하는 작업을 수행할 수 있습니다.

ID가 중복된 요소에 대해 getElementById()를 사용하면 예측할 수 없는 동작이 발생할 수 있습니다. 일반적으로 요소에 고유 ID를 사용하여 유효한 HTML을 적용하는 것이 좋습니다.

위 내용은 JavaScript에서 getElementById()를 사용하여 동일한 ID를 가진 여러 요소를 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!