Prüfen Sie mit Javascript, ob ein div NICHT existiert

Das Überprüfen, ob ein div existiert, ist ziemlich einfach

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

}

Aber wie kann ich überprüfen, ob ein div mit der angegebenen ID nicht existiert?

var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');

if (!document.getElementById("given-id")) {
//It does not exist
}

Die Aussage document.getElementById("given-id") kehrt zurück null wenn ein Element mit given-id existiert nicht, und null ist falsch, was bedeutet, dass es zu falsch übersetzt wird, wenn es in einer if-Anweisung ausgewertet wird. (andere falsche Werte)

Überprüfen Sie sowohl meinen JavaScript- als auch meinen JQuery-Code:

Javascript:

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

JQuery:

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

Versuchen Sie, das Element mit der ID abzurufen, und prüfen Sie, ob der Rückgabewert null ist:

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

Wenn Sie jQuery verwenden, können Sie Folgendes tun:

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

getElementById kehrt zurück null wenn es kein solches Element gibt.

Es gibt eine noch bessere Lösung. Sie müssen nicht einmal prüfen, ob das Element zurückkehrt null. Sie können dies einfach tun:

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

Dieser Code wird nur protokolliert exists zu trösten, ob das Element tatsächlich im DOM vorhanden ist.

Das funktioniert mit:

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