getElementById를 사용하지 않고 Visible DOM에서 요소 존재를 효율적으로 확인하는 방법은 무엇입니까?

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

getElementById 없이 요소 존재 여부 테스트

getElementById를 사용하지 않고 요소 존재 여부를 확인하려고 하면 변수는 DOM 요소에 대한 실시간 참조를 유지하지 않고 대신 초기 값을 유지한다는 것이 분명해졌습니다. 이로 인해 DOM에서 요소를 제거한 후 요소의 존재를 확인할 때 예기치 않은 결과가 발생할 수 있습니다.

존재 확인 방법

이 문제를 해결하려면 isNull 함수를 고려하세요. 요소의 존재:

<code class="javascript">var isNull = function (element) {
  var randomID = getRandomID(12),
    savedID = (element.id) ? element.id : null;
  element.id = randomID;
  var foundElm = document.getElementById(randomID);
  element.removeAttribute('id');
  if (savedID !== null) {
    element.id = savedID;
  }
  return (foundElm) ? false : true;
};</code>

이 방법은 효과적이지만 더 쉬운 접근 방식이 제안됩니다.

Visible DOM의 존재 확인

요소가 요소 내에 존재하는지 확인하려면 DOM을 표시하려면 다음과 같이 Contains() 메서드를 활용하세요.

<code class="javascript">document.body.contains(someReferenceToADomElement);</code>

이 메서드는 요소가 DOM의 일부인지 여부를 나타내는 부울 값을 반환합니다. isNull 함수에 비해 보다 직접적이고 효율적인 존재 여부 확인 방법을 제공합니다.

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