Risposte:
var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');
if (!document.getElementById("given-id")) {
//It does not exist
}
L'istruzione document.getElementById("given-id")restituisce nullse un elemento con given-idnon esiste ed nullè falsa, il che significa che si traduce in falso quando viene valutata in un'istruzione if. ( altri valori falsi )
nullvaluta false, che non è di conoscenza comune (C # è un linguaggio in cui nullnon è uguale a falso).
nullnon è uguale a falsenemmeno nel confronto coercitivo sull'uguaglianza - la chiamata ai ToBoolean(null)ritornifalse
Prova a ottenere l'elemento con l'ID e controlla se il valore restituito è nullo:
document.getElementById('some_nonexistent_id') === null
Se stai usando jQuery, puoi fare:
$('#some_nonexistent_id').length === 0
!document.getElementById('foo')?
document.getElementById()allora.
Controlla il mio codice JavaScript e JQuery:
JavaScript:
if (!document.getElementById('MyElementId')){
alert('Does not exist!');
}
JQuery:
if (!$("#MyElementId").length){
alert('Does not exist!');
}
C'è una soluzione ancora migliore. Non è nemmeno necessario controllare se l'elemento ritorna null. Puoi semplicemente fare questo:
if (document.getElementById('elementId')) {
console.log('exists')
}
Quel codice accederà existsalla console solo se l'elemento esiste effettivamente nel DOM.
Tutte queste risposte NON tengono in considerazione che hai chiesto specificamente di un elemento DIV .
document.querySelector("div#the-div-id")
@see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector