getElementById를 사용하지 않고 Visible DOM에 요소가 존재하는지 확인하는 방법

Visible DOM에서 요소 존재를 확인하는 방법

getElementById를 사용하지 않고 Visible DOM에 요소가 존재하는지 확인하려면 다음을 고려하세요. 대안:

문서 본문에 존재 여부 확인:

Csuwldcat에서 제안한 대로 DOM 요소의 contain() 메서드를 사용하여 요소가 하위 요소인지 확인할 수 있습니다. 문서 본문의. 이 메소드는 요소가 표시되는 DOM의 일부인지 여부를 나타내는 부울 값을 반환합니다.

<code class="js">document.body.contains(elementReference);</code>

다른 요소 선택 방법 사용:

다른 요소 선택 방법(예: querySelector(), querySelectorAll() 및 getElementsByClassName()을 사용하여 특정 기준에 따라 요소를 찾을 수 있습니다. 결과 요소 참조 또는 NodeList의 길이가 0이면 요소가 존재하지 않는 것입니다.

예를 들어 ID가 "find-me"인 요소를 확인하려면:

<code class="js">var elementExists = !!document.getElementById("find-me");</code>

참고: querySelector() 및 querySelectorAll()은 각각 첫 번째로 일치하는 요소 또는 NodeList를 반환합니다. getElementsByClassName()은 NodeList를 반환합니다. 따라서 요소가 존재하는지 확인하려면 NodeLists의 길이 속성을 확인해야 합니다.

요소 존재 여부를 확인하는 사용자 정의 함수:

제공되는 isNull 함수를 사용하여 다음을 수행할 수 있습니다. 임시로 임의 ID를 할당하고 해당 ID가 있는 요소를 검색한 후 임의 ID를 제거하여 요소 존재 여부를 확인합니다. 이 접근 방식은 요소가 DOM에 존재하는지 효과적으로 확인합니다.

JavaScript 변수 동작 관련 리소스:

• [JavaScript 범위 및 클로저 이해](https: //developer.mozilla.org/en-US/docs/Glossary/Closure)
• [JavaScript 변수: 값과 참조](https://www.w3schools.com/js/js_variables.asp)
• [JavaScript에서 값에 의한 전달과 참조에 의한 전달](https://developer.mozilla.org/en-US/docs/Glossary/Pass_by_reference)

위 내용은 getElementById를 사용하지 않고 Visible DOM에 요소가 존재하는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!