Проверьте, не существует ли div с javascript

Проверка существования div достаточно проста

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

}

Но как я могу проверить, не существует ли div с данным идентификатором?

Ответ 1

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

Ответ 2

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

Оператор document.getElementById("given-id") возвращает null, если элемент с given-id не существует, а null является ложным, что означает, что он переводится в false при оценке в if-statement. (другие значения фальшивки)

Ответ 3

Попробуйте получить элемент с идентификатором и проверьте, имеет ли возвращаемое значение значение null:

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

Если вы используете jQuery, вы можете сделать:

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

Ответ 4

Проверьте оба кода JavaScript и JQuery:

JavaScript:

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

JQuery

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

Ответ 5

getElementById возвращает null, если такого элемента нет.

Ответ 6

Это работает с:

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

Ответ 7

Там еще лучшее решение. Вам даже не нужно проверять, возвращает ли элемент null. Вы можете просто сделать это:

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

Этот код будет записывать только exists в консоль, если элемент действительно существует в DOM.