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

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에 존재하는 경우 에만 콘솔에 기록 됩니다.

아래 작업을 수행하고 id존재 하는지 확인하고 존재하면 기능을 실행합니다.

var divIDVar = $('#divID').length;
if (divIDVar === 0){ 
    console.log('No DIV Exist'); 
} else{  
    FNCsomefunction(); 
}   

이 모든 답변은 DIV 요소 에 대해 구체적으로 요청한 사항을 고려 하지 않습니다 .

document.querySelector("div#the-div-id")

@see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector