document.getelementbyId restituirà null se l'elemento non è definito?

Question

Nel mio codice, vedo questo:

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

se xx elemento non è definito, sarà presente valutata come vera o falsa?

dovrei scrivere:

if (document.getElementById('xx')) 

per essere al sicuro?

Answer 1

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

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

Si dovrebbe usare document.getElementById('xx') !== null in quanto è un controllo di uguaglianza più forte.

Answer 2

Sì, restituirà null se non è presente è possibile provare questo di seguito nella demo. Entrambi torneranno veri. I primi elementi esistono, il secondo no.

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 è definito da DOM Level 1 HTML tornare null nel caso nessun elemento è abbinato.

!==null è la forma più esplicita del controllo, e probabilmente il migliore, ma non c'è non null valore falsy che getElementById può tornare - si può ottenere solo null o un oggetto Element sempre-truthy. Quindi non c'è alcuna differenza pratica qui tra !==null, !=null o il perdente if (document.getElementById('xx')).