Javascript ile bir div OLUP OLMADIĞINI kontrol edin

Bir div'in olup olmadığını kontrol etmek oldukça basittir

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

}

Ancak verilen kimliğe sahip bir div'in olup olmadığını nasıl kontrol edebilirim?

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

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

Deyim document.getElementById("given-id")döndürür nullbir unsur ise given-idmevcut değildir ve nullbir if açıklamada değerlendirildiğinde bunun yanlış çevirir falsy anlamıdır. ( diğer yanlış değerler )

Kimliği olan öğeyi almayı deneyin ve dönüş değerinin boş olup olmadığını kontrol edin:

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

JQuery kullanıyorsanız şunları yapabilirsiniz:

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

Hem JavaScript hem de JQuery kodumu kontrol edin:

JavaScript:

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

JQuery:

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

getElementByIdnullböyle bir öğe yoksa döndürür .

Bu şunlarla çalışır:

 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');
 }

Daha da iyi bir çözüm var. Öğenin dönüp dönmediğini kontrol etmenize bile gerek yok null. Bunu basitçe yapabilirsiniz:

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

Bu kod, yalnızca existsöğe DOM'da gerçekten mevcutsa konsola günlüğe kaydedilir .

Aşağıda yapıyorum ve var olup olmadığını kontrol ediyorum ve varsa idişlevi çalıştırıyorum.

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

Bütün bu cevaplar do DEĞİL bir hakkında sordu dikkate almak DIV elemanı.

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

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