Verificar si existe un div es bastante simple
if(document.getif(document.getElementById('if')){
}
Pero, ¿cómo puedo verificar si no existe un div con la identificación dada?
Respuestas:
var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');
if (!document.getElementById("given-id")) {
//It does not exist
}
La declaración document.getElementById("given-id")devuelve nullsi un elemento con given-idno existe, y nulles falso, lo que significa que se traduce en falso cuando se evalúa en una declaración if. ( otros valores falsos )
nullquiere decir es que evalúa false, lo cual no es de conocimiento común (C # es un lenguaje donde nullno es igual a falso).
nullno es igual a falseincluso en la comparación de igualdad coercitiva: la llamada a las ToBoolean(null)devolucionesfalse
Intente obtener el elemento con el ID y verifique si el valor de retorno es nulo:
document.getElementById('some_nonexistent_id') === null
Si está utilizando jQuery, puede hacer:
$('#some_nonexistent_id').length === 0
!document.getElementById('foo')?
document.getElementById()Entonces sería inútil .
Verifique mi código JavaScript y JQuery:
JavaScript:
if (!document.getElementById('MyElementId')){
alert('Does not exist!');
}
JQuery:
if (!$("#MyElementId").length){
alert('Does not exist!');
}
Existe una solución aún mejor. Ni siquiera necesita verificar si el elemento regresa null. Simplemente puede hacer esto:
if (document.getElementById('elementId')) {
console.log('exists')
}
Ese código solo se registrará existsen la consola si el elemento realmente existe en el DOM.
Todas estas respuestas NO tienen en cuenta que preguntaste específicamente sobre un elemento DIV .
document.querySelector("div#the-div-id")
@ver https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector