JavaScript: l'esistenza degli elementi nel DOM

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:

const element = document.querySelector( '#test' );
if( element !== null ) {
	// Esiste
}

Quando un gruppo di elementi non esiste, la proprietà length della collezione è 0:

const elements = document.querySelectorAll( '.test' );
if( elements.length > 0 ) {
	// Esistono
}