[javascript] div가 자바 스크립트와 함께 존재하지 않는지 확인하십시오.

Program / 글쓴이

div가 있는지 확인하는 것은 매우 간단합니다.

if(document.getif(document.getElementById('if')){

}

그러나 주어진 ID를 가진 div가 존재하지 않는지 어떻게 확인할 수 있습니까?

답변

var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');

답변

if (!document.getElementById("given-id")) {
//It does not exist
}

이 문 document.getElementById("given-id")은 null요소 given-id가 존재하지 않는 경우 반환 되며, null거짓은 if 문에서 평가 될 때 거짓으로 변환됨을 의미합니다. ( 다른 잘못된 값 )

답변

ID가있는 요소를 가져 와서 반환 값이 null인지 확인합니다.

document.getElementById('some_nonexistent_id') === null

jQuery를 사용하는 경우 다음을 수행 할 수 있습니다.

$('#some_nonexistent_id').length === 0

답변

내 JavaScript와 JQuery 코드를 모두 확인하십시오.

자바 스크립트 :

if (!document.getElementById('MyElementId')){
    alert('Does not exist!');
}

JQuery :

if (!$("#MyElementId").length){
    alert('Does not exist!');
}

답변

getElementByIdnull그러한 요소가 없으면 반환 합니다.

답변

다음과 함께 작동합니다.

 var element = document.getElementById('myElem');
 if (typeof (element) != undefined && typeof (element) != null && typeof (element) != 'undefined') {
     console.log('element exists');
 }
 else{
     console.log('element NOT exists');
 }

답변

더 나은 솔루션이 있습니다. 요소가을 반환하는지 확인할 필요도 없습니다 null. 간단하게 다음과 같이 할 수 있습니다.

if (document.getElementById('elementId')) {
  console.log('exists')
}

해당 코드는 exists요소가 실제로 DOM에 존재하는 경우 에만 콘솔에 기록 됩니다.