Nel DOM esistono due tipi di elementi: elementi singoli e gruppi di elementi (collezioni). Per ciascuno di questi tipi di elementi la procedura di verifica della loro esistenza è diversa.
Quando un elemento singolo non esiste, il valore restituito è null
:
var element = document.querySelector( "#test" );
if( element !== null ) {
// Esiste
}
Quando un gruppo di elementi non esiste, la proprietà length
della collezione è 0:
var elements = document.querySelectorAll( ".test" );
if( elements.length > 0 ) {
// Esistono
}