Перевірте, чи не існує div за допомогою JavaScript

Перевірити, чи існує div, досить просто

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

}

Але як я можу перевірити, чи не існує 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є хибним, що означає, що він перетворюється на false, коли обчислюється в інструкції if. ( інші помилкові значення )

Спробуйте отримати елемент з ідентифікатором і перевірте, чи повертається значення нульовим:

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

Якщо ви використовуєте jQuery, ви можете зробити:

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

Перевірте мій код JavaScript і JQuery:

JavaScript:

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

JQuery:

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

getElementByIdповертає, nullякщо такого елемента немає.

Це працює з:

 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