document.getelementbyId zwróci wartość null, jeśli element nie jest zdefiniowany?

Question

W moim kodu, widzę to:

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

jeśli xx element nie jest zdefiniowany, to ocenia się prawda czy fałsz?

powinienem napisać:

if (document.getElementById('xx')) 

być bezpieczne?

Answer 1

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

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

Powinieneś użyć document.getElementById('xx') !== null, ponieważ jest to silniejsza kontrola równości.

Answer 2

Tak, zwróci wartość null, jeśli jej nie ma, możesz to wypróbować poniżej w wersji demo. Obie zwrócą prawdę. Pierwsze elementy istnieją, drugie nie.

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 jest określona DOM Level 1 HTML powrotu null w przypadku, gdy żaden element dopasowane.

!==null jest najbardziej zrozumiałej formie czeku, i chyba najlepszy, ale nie ma nie- null wartość falsy że getElementById może wrócić - można dostać tylko null lub zawsze truthy obiekt Element. Więc nie ma praktycznej różnicy między !==null, !=null lub luźniejszym if (document.getElementById('xx')).