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

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

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

}

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

8 82
javascript html if-statement

8 ответов:

var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');
133
if (!document.getElementById("given-id")) {
//It does not exist
}

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

70

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

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

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

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

Регистрация мой и мой JavaScript и jQuery код:

JavaScript:

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

JQuery:

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

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

3

работает с :

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

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

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

этот код будет только в журнале exists для консоли, если элемент действительно существует в DOM.

1

Я ниже и проверить, если id существует и выполняет функцию, если существует.

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