document.geelementbyId gibt null zurück, wenn Element nicht definiert ist?

Question

In meinem Code, ich sehe dies:

if (document.getElementById('xx') !=null) { 
    //do stuff 
} 

wenn xx Element nicht definiert ist, wird dies wahr oder falsch bewerten?

Sollte ich schreiben:

if (document.getElementById('xx')) 

sicher zu sein?

Answer 1

console.log(document.getElementById('xx')) evaluates to null. 

document.getElementById('xx') !=null evaluates to false 

Sie sollten document.getElementById('xx') !== null verwenden, da es eine stärkere Gleichheitsprüfung ist.

Answer 2

Ja, es wird null zurückgeben, wenn es nicht vorhanden ist, können Sie das unten in der Demo versuchen. Beide werden wahr werden. Das erste Element existiert das zweite nicht.

Demo

Html

<div id="xx"></div> 

Javascript:

if (document.getElementById('xx') !=null) 
    console.log('it exists!'); 

    if (document.getElementById('xxThisisNotAnElementOnThePage') ==null) 
    console.log('does not exist!'); 

Answer 3

getElementById wird durch DOM Level 1 HTML definiert null in dem Fall zurückzukehren kein Element angepasst ist.

!==null ist die explizite Form der Kontrolle, und wahrscheinlich die beste, aber es gibt keinen nicht-null falsy Wert, getElementById zurückkehren kann - nur null oder ein always-truthy Element-Objekt bekommen. Es gibt also keinen praktischen Unterschied zwischen !==null, !=null oder dem loser if (document.getElementById('xx')).