it-swarm.com.de

Prüfen Sie, ob ein Div mit Javascript NICHT vorhanden ist

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

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

}

Wie kann ich aber überprüfen, ob es kein div mit der angegebenen id gibt?

89
Wilson
var myElem = document.getElementById('myElementId');
if (myElem === null) alert('does not exist!');
146
Jimbo Jonny
if (!document.getElementById("given-id")) {
//It does not exist
}

Die Anweisung document.getElementById("given-id") gibt null zurück, wenn ein Element mit given-id nicht vorhanden ist, und null ist falsch, was bedeutet, dass es bei Auswertung in einer if-Anweisung in false übersetzt wird. ( andere falsche Werte )

70
Esailija

Versuchen Sie, das Element mit der ID abzurufen, und überprü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
10
Hristo

Ü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!');
}
8
Chinmay235

getElementById gibt null zurück, wenn kein solches Element vorhanden ist.

3
SLaks

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');
 }
1
Ema.H

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

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

Dieser Code protokolliert exists nur dann in der Konsole, wenn das Element tatsächlich im DOM vorhanden ist.

1
user2230470

Ich mache unten und überprüfe, ob id existiert und führe Funktion aus, falls vorhanden.

var divIDVar = $('#divID').length;
if (divIDVar === 0){ 
    console.log('No DIV Exist'); 
} else{  
    FNCsomefunction(); 
}   
0
Cyber