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 null
si un elemento con given-id
no existe, y null
es falso, lo que significa que se traduce en falso cuando se evalúa en una declaración if. ( otros valores falsos )
null
quiere decir es que evalúa false
, lo cual no es de conocimiento común (C # es un lenguaje donde null
no es igual a falso).
null
no es igual a false
incluso 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á exists
en 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