Проверка существования div достаточно проста
if(document.getif(document.getElementById('if')){
}
Но как я могу проверить, не существует ли div с данным идентификатором?
Проверка существования 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-statement. (другие значения фальшивки)
Попробуйте получить элемент с идентификатором и проверьте, имеет ли возвращаемое значение значение null:
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.