Vérifier si un div n'existe PAS avec javascript

Question

Vérifier si un div existe est assez simple

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

}

Mais comment puis-je vérifier si un div avec l'id donné n'existe pas ?

Answer 1

Il y a une solution encore meilleure. Vous n'avez même pas besoin de vérifier si l'élément retourne null . Vous pouvez simplement faire cela :

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

Ce code n'enregistrera que exists à la console si l'élément existe réellement dans le DOM.

Answer 2

Cela fonctionne avec :

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

Answer 3

Je fais ci-dessous et vérifie si id exister et exécuter la fonction si elle existe.

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

Answer 4

Toutes ces réponses font PAS prendre en compte le fait que vous avez demandé spécifiquement à propos d'un DIV élément.

document.querySelector("div#the-div-id")

@see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector